HTML每日学习笔记（3）

我就是我 2021-12-04 05:31 224阅读 0赞

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模块：

<table> 
 <tbody> 
 <tr> 
 <td> 模块名称 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> Applet Module (Applet模块) </td> 
 <td> 定义已被废弃的applet元素。 </td> 
 </tr> 
 <tr> 
 <td> Base Module (基础模块) </td> 
 <td> 定义基本元素。 </td> 
 </tr> 
 <tr> 
 <td> Basic Forms Module (基础表单模块) </td> 
 <td> 定义基本的表单元素 (forms)。 </td> 
 </tr> 
 <tr> 
 <td> Basic Tables Module (基础表格模块) </td> 
 <td> 定义基本的表格元素 (table)。 </td> 
 </tr> 
 <tr> 
 <td> Bi-directional Text Module (双向文本模块) </td> 
 <td> 定义bdo元素。 </td> 
 </tr> 
 <tr> 
 <td> Client Image Map Module(客户端图像映射模块) </td> 
 <td> 定义浏览器端图像映射元素(image map elements)。 </td> 
 </tr> 
 <tr> 
 <td> Edit Module (编辑模块) </td> 
 <td> 定义编辑元素删除和插入。 </td> 
 </tr> 
 <tr> 
 <td> Forms Module (表单模块) </td> 
 <td> 定义所有在表单中使用的元素。 </td> 
 </tr> 
 <tr> 
 <td> Frames Module (框架模块) </td> 
 <td> 定义frameset元素。 </td> 
 </tr> 
 <tr> 
 <td> Hypertext Module (超文本模块) </td> 
 <td> 定义a元素。 </td> 
 </tr> 
 <tr> 
 <td> Iframe Module (内联框架模块) </td> 
 <td> 定义iframe元素。 </td> 
 </tr> 
 <tr> 
 <td> Image Module (图像模块) </td> 
 <td> 定义图像元素 (img)。 </td> 
 </tr> 
 <tr> 
 <td> Intrinsic Events Module () </td> 
 <td> 定义事件属性 (event)，比如onblur和onchange。 </td> 
 </tr> 
 <tr> 
 <td> Legacy Module (遗留模块) </td> 
 <td> 定义被废弃的元素和属性。 </td> 
 </tr> 
 <tr> 
 <td> Link Module (链接模块) </td> 
 <td> 定义链接 (link)元素。 </td> 
 </tr> 
 <tr> 
 <td> List Module (列表模块) </td> 
 <td> 定义列表元素ol, li, ul, dd, dt,和dl。 </td> 
 </tr> 
 <tr> 
 <td> Metainformation Module (元信息模块) </td> 
 <td> 定义meta元素。 </td> 
 </tr> 
 <tr> 
 <td> Name Identification Module (名称识别模块) </td> 
 <td> 定义已被废弃的name属性。 </td> 
 </tr> 
 <tr> 
 <td> Object Module (对象模块) </td> 
 <td> 定义对象元素 (object)和param元素。 </td> 
 </tr> 
 <tr> 
 <td> Presentation Module (表现模块) </td> 
 <td> 定义表现元素比如b和i。 </td> 
 </tr> 
 <tr> 
 <td> Scripting Module (脚本模块) </td> 
 <td> 定义脚本 (script)和无脚本 (noscript)元素。 </td> 
 </tr> 
 <tr> 
 <td> Server Image Map Module(服务器端图像映射模块) </td> 
 <td> 定义服务器端图像映射(server side image map)元素 </td> 
 </tr> 
 <tr> 
 <td> Structure Module (结构模块) </td> 
 <td> 定义以下元素：html, head, title and body。 </td> 
 </tr> 
 <tr> 
 <td> Style Attribute Module (样式属性模块) </td> 
 <td> 定义样式属性。 </td> 
 </tr> 
 <tr> 
 <td> Style Sheet Module (样式表模块) </td> 
 <td> 定义样式元素。 </td> 
 </tr> 
 <tr> 
 <td> Tables Module (表格模块) </td> 
 <td> 定义用于表格中的元素。 </td> 
 </tr> 
 <tr> 
 <td> Target Module (Target模块) </td> 
 <td> 定义target属性。 </td> 
 </tr> 
 <tr> 
 <td> Text Module (文本模块) </td> 
 <td> 定义文本容器元素 (text container)，比如p和h1。 </td> 
 </tr> 
 </tbody> 
</table>

6.XHTML属性：  
核心：

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

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> class </td> 
 <td> class_rule 或 style_rule </td> 
 <td> 元素的类(class) </td> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> id_name </td> 
 <td> 元素的某个特定id </td> 
 </tr> 
 <tr> 
 <td> style </td> 
 <td> 样式定义 </td> 
 <td> 内联样式定义 </td> 
 </tr> 
 <tr> 
 <td> title </td> 
 <td> 提示文本 </td> 
 <td> 显示于提示工具中的文本 </td> 
 </tr> 
 </tbody> 
</table>

语言：

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

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> dir </td> 
 <td> ltr | rtl </td> 
 <td> 设置文本的方向 </td> 
 </tr> 
 <tr> 
 <td> lang </td> 
 <td> 语言代码 </td> 
 <td> 设置语言代码 </td> 
 </tr> 
 </tbody> 
</table>

键盘：

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> accesskey </td> 
 <td> 字符 </td> 
 <td> 设置访问某元素的键盘快捷键 </td> 
 </tr> 
 <tr> 
 <td> tabindex </td> 
 <td> 数 </td> 
 <td> 设置某元素的Tab次序 </td> 
 </tr> 
 </tbody> 
</table>

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

仅在 body 和 frameset 元素中有效。

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> onload </td> 
 <td> 脚本 </td> 
 <td> 当文档被载入时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onunload </td> 
 <td> 脚本 </td> 
 <td> 当文档被卸下时执行脚本 </td> 
 </tr> 
 </tbody> 
</table>

表单元素事件 (Form Element Events)

仅在表单元素中有效。

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> onchange </td> 
 <td> 脚本 </td> 
 <td> 当元素改变时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onsubmit </td> 
 <td> 脚本 </td> 
 <td> 当表单被提交时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onreset </td> 
 <td> 脚本 </td> 
 <td> 当表单被重置时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onselect </td> 
 <td> 脚本 </td> 
 <td> 当元素被选取时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onblur </td> 
 <td> 脚本 </td> 
 <td> 当元素失去焦点时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onfocus </td> 
 <td> 脚本 </td> 
 <td> 当元素获得焦点时执行脚本 </td> 
 </tr> 
 </tbody> 
</table>

键盘事件 (Keyboard Events)

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

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> onkeydown </td> 
 <td> 脚本 </td> 
 <td> 当键盘被按下时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onkeypress </td> 
 <td> 脚本 </td> 
 <td> 当键盘被按下后又松开时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onkeyup </td> 
 <td> 脚本 </td> 
 <td> 当键盘被松开时执行脚本 </td> 
 </tr> 
 </tbody> 
</table>

鼠标事件 (Mouse Events)

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

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 值 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td> onclick </td> 
 <td> 脚本 </td> 
 <td> 当鼠标被单击时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> ondblclick </td> 
 <td> 脚本 </td> 
 <td> 当鼠标被双击时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onmousedown </td> 
 <td> 脚本 </td> 
 <td> 当鼠标按钮被按下时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onmousemove </td> 
 <td> 脚本 </td> 
 <td> 当鼠标指针移动时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onmouseout </td> 
 <td> 脚本 </td> 
 <td> 当鼠标指针移出某元素时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onmouseover </td> 
 <td> 脚本 </td> 
 <td> 当鼠标指针悬停于某元素之上时执行脚本 </td> 
 </tr> 
 <tr> 
 <td> onmouseup </td> 
 <td> 脚本 </td> 
 <td> 当鼠标按钮被松开时执行脚本 </td> 
 </tr> 
 </tbody> 
</table>

复习，准备开始CSS的学习

转载于:https://www.cnblogs.com/zccfrancis/p/11201276.html