7.17.2019

XHTML

1.XHTML与HTML的区别:

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。(所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中)

2.语法规则:

  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 Id 属性代替 name 属性
  • XHTML DTD 定义了强制使用的 HTML 元素

3.XHTML的三种文档类型:

  • STRICT(严格类型)

(需要干净的标记,避免表现上的混乱。请与层叠样式表配合使用。)

  • TRANSITIONAL(过渡类型)

(当需要利用 HTML 在表现上的特性时,并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。)

  • FRAMESET(框架类型)

(需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。)

4.XHTML验证:XHTML 文档是根据文档类型声明(DTD)进行验证的。只有将正确的 DTD 添加到文件的首行,XHTML 文件才会被正确地验证。

严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性;

过渡 DTD 包含严格 DTD 中的一切,外加那些不赞成使用的元素和属性;

框架 DTD 包含过渡 DTD 中的一切,外加框架。

5.XHTML模块:

模块名称

描述

Applet Module (Applet模块)

定义已被废弃的applet元素。

Base Module (基础模块)

定义基本元素。

Basic Forms Module (基础表单模块)

定义基本的表单元素 (forms)。

Basic Tables Module (基础表格模块)

定义基本的表格元素 (table)。

Bi-directional Text Module (双向文本模块)

定义bdo元素。

Client Image Map Module(客户端图像映射模块)

定义浏览器端图像映射元素(image map elements)。

Edit Module (编辑模块)

定义编辑元素删除和插入。

Forms Module (表单模块)

定义所有在表单中使用的元素。

Frames Module (框架模块)

定义frameset元素。

Hypertext Module (超文本模块)

定义a元素。

Iframe Module (内联框架模块)

定义iframe元素。

Image Module (图像模块)

定义图像元素 (img)。

Intrinsic Events Module ()

定义事件属性 (event),比如onblur和onchange。

Legacy Module (遗留模块)

定义被废弃的元素和属性。

Link Module (链接模块)

定义链接 (link)元素。

List Module (列表模块)

定义列表元素ol, li, ul, dd, dt,和dl。

Metainformation Module (元信息模块)

定义meta元素。

Name Identification Module (名称识别模块)

定义已被废弃的name属性。

Object Module (对象模块)

定义对象元素 (object)和param元素。

Presentation Module (表现模块)

定义表现元素比如b和i。

Scripting Module (脚本模块)

定义脚本 (script)和无脚本 (noscript)元素。

Server Image Map Module(服务器端图像映射模块)

定义服务器端图像映射(server side image map)元素

Structure Module (结构模块)

定义以下元素:html, head, title and body。

Style Attribute Module (样式属性模块)

定义样式属性。

Style Sheet Module (样式表模块)

定义样式元素。

Tables Module (表格模块)

定义用于表格中的元素。

Target Module (Target模块)

定义target属性。

Text Module (文本模块)

定义文本容器元素 (text container),比如p和h1。

6.XHTML属性:
核心:

以下标签不提供下面的属性:base, head,
html, meta, param, script, style, 以及 title 元素。

属性

描述

class

class_rule 或 style_rule

元素的类(class)

id

id_name

元素的某个特定id

style

样式定义

内联样式定义

title

提示文本

显示于提示工具中的文本

语言:

以下标签不提供下面的属性:base, br,
frame, frameset, hr, iframe, param, 以及 script 元素。

属性

描述

dir

ltr | rtl

设置文本的方向

lang

语言代码

设置语言代码

键盘:

属性

描述

accesskey

字符

设置访问某元素的键盘快捷键

tabindex

设置某元素的Tab次序

7.XHTML事件属性:
窗口事件 (Window Events):

仅在 body 和 frameset 元素中有效。

属性

描述

onload

脚本

当文档被载入时执行脚本

onunload

脚本

当文档被卸下时执行脚本

表单元素事件 (Form
Element Events)

仅在表单元素中有效。

属性

描述

onchange

脚本

当元素改变时执行脚本

onsubmit

脚本

当表单被提交时执行脚本

onreset

脚本

当表单被重置时执行脚本

onselect

脚本

当元素被选取时执行脚本

onblur

脚本

当元素失去焦点时执行脚本

onfocus

脚本

当元素获得焦点时执行脚本

键盘事件 (Keyboard
Events)

在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param,
script, style, 以及 title 元素。

属性

描述

onkeydown

脚本

当键盘被按下时执行脚本

onkeypress

脚本

当键盘被按下后又松开时执行脚本

onkeyup

脚本

当键盘被松开时执行脚本

鼠标事件 (Mouse
Events)

在下列元素中无效:base,
bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title
元素。

属性

描述

onclick

脚本

当鼠标被单击时执行脚本

ondblclick

脚本

当鼠标被双击时执行脚本

onmousedown

脚本

当鼠标按钮被按下时执行脚本

onmousemove

脚本

当鼠标指针移动时执行脚本

onmouseout

脚本

当鼠标指针移出某元素时执行脚本

onmouseover

脚本

当鼠标指针悬停于某元素之上时执行脚本

onmouseup

脚本

当鼠标按钮被松开时执行脚本

复习,准备开始CSS的学习

HTML每日学习笔记(3)的更多相关文章

  1. CSS每日学习笔记(3)

    8.1.2019 1.CSS伪类:用于向某些选择器添加特殊的效果. 伪类的语法: selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用. a ...

  2. 每日学习笔记:js中可以直接用id名调用的问题?

    在JavaScript中,标准的id选择器调用语法是: document.getElementById('myid').style.width = pc + "%"; 但是,今天发 ...

  3. Java每日学习笔记1

    单选按钮 JRadioButton radioButton1 = new JRadioButton("Java");// 创建单选按钮 contentPane.add(radioB ...

  4. CSS每日学习笔记(2)

    7.31.2019 1.CSS定位:允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置. CSS 有三种基本的定位机制:普通流.浮动和绝对定位.除非专 ...

  5. CSS每日学习笔记(1)

    7.30.2019 1.CSS 文本属性 属性 描述 color 设置文本颜色 direction 设置文本方向. line-height 设置行高. letter-spacing 设置字符间距. t ...

  6. CSS每日学习笔记(0)

    7.29.2019 1. CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解 ...

  7. HTML每日学习笔记(2)

    7.16.2019 1.html表单:用于得到用户不同类型的输入 <form>元素定义表单: <form> First name:<br> <input ty ...

  8. HTML每日学习笔记(1)

    7.15.2019 1.HTML脚本——JavaScript的嵌入使用,使 HTML 页面具有更强的动态和交互性. <script> 标签用于定义客户端脚本,比如 JavaScript. ...

  9. HTML每日学习笔记(0)

    2019.7.14 1.属性为 HTML 元素提供附加信息,总是在 HTML 元素的开始标签中规定. 例子:<h1 align="center"> 对齐方式 <b ...

随机推荐

  1. Ubuntu14-04安装redis和php5-redis扩展

    PS:在系统安装完后最好执行下列命令更新下软件 实际上只要软件源没什么问题的话,安装什么软件都是OK的. 来开始安装Redis吧~~ 一:如果你的其他都OK的话,可以执行下列命令直接安装 sudo a ...

  2. nginx在反向代理侧实现ssl

    被代理的webserver为lnmp项目,现在需要在反向代理侧使用nginx实现ssl的反向代理(域名解析在反代的ip上),配置如下: upstream XXX { server 192.168.0. ...

  3. 再谈拍照,OPPO这次拿什么和iPhone7拼?

    ​一年一度的iPhone新机如期而至,双摄像头成为iPhone 7 Plus标配,尽管在这之前,双摄像头已有少数厂商在手机上装备,但苹果一出,市场必定全面跟进.无论各大厂商是否采用双摄像头,在手机拍照 ...

  4. 微信小程序采坑之scroll-view

    当设置了scroll-y为true之后,纵向是没有问题的,会出现滚动条. Android上一切都是那么的祥和, ios上你会发现如果你scroll-view里面的东西超过横向的宽度时,就会隐藏了. 也 ...

  5. harbor自动清理镜像

    harbor定时清理镜像 ​ 分享下最近写harbor仓库镜像自动清理脚本思路,很长时间不写shell脚本,这次的脚本也是匆匆写的,还有很多可优化点,感兴趣的可以参考自己优化下,写的不完善地方也希望指 ...

  6. 提高 Web开发性能的 10 个方法

    随着网络的高速发展,网络性能的持续提高成为能否在芸芸App中脱颖而出的关键.高度联结的世界意味着用户对网络体验提出了更严苛的要求.假如你的网站不能做到快速响应,又或你的App存在延迟,用户很快就会移情 ...

  7. 微信h5页面调用第三方位置导航

    微信h5页面拉起第三方导航应用 需要准备的: 通过微信认证的公众号有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能 需求:当用户点击导航按钮时,跳转到第三方app进行导航 参考 ...

  8. Python爬虫 - UserAgent列表

    PC端: PC_USER_AGENT = [ 'Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)', 'Mozilla/4.0 (compatibl ...

  9. Java Opencv 实现 中值滤波器

    原理 Note 以下原理来源于Richard Szeliski 的著作 Computer Vision: Algorithms and Applications 以及 Learning OpenCV ...

  10. ELK springboot日志收集

    一.安装elasticsearch 可以查看前篇博客 elasticsearch安装.elasticsearch-head 安装 二.安装 配置 logstash 1.安装logstash 下载地址: ...