html5网页前端,web开发-HTML5网页前端设计CH02 HTML5基础.ppt

2.2.6 表格标签 4. 表头标签

表头标签和用于定义表格的第一行表头，默认为粗体字、居中对齐。 5. 表格标题标签 表格标题标签和可用于为表格添加标题，该标题默认为居中对齐并显示在表格的顶部。 2.2.6 表格标签 【例2-18】表格标签的综合应用 P37 2.2.7 框架标签 框架标签用于在网页的框架内定义子窗口。 由于框架标签对于网页的可用性有负面影响，在HTML5中不再支持HTML4.01中原有的框架标签和。只保留了内联框架标签。 2.2.7 框架标签 该标签在HTML5中仅支持src属性，用于指定框架内部的网页来源。例如： 【例2-19】框架标签的简单应用 2.2.8 容器标签 1.

标签 2. 标签 2.2.8 容器标签 1.

标签 标签

可将网页页面分割成不同的独立部分，通常用于定义文档中的区域或节。标签中的元素名div来源于英文单词division(区域)的简写。该标签是一个块级元素(block level element)，浏览器会自动在

和

所标记的区域前后自动放置一个换行符。每个标签可有一个独立的id号。 同样属于块级元素的还有段落标签

、表格标签

-

等。 2.2.8 容器标签 1.

标签 【例2-20】

标签的简单应用 P39 2.2.8 容器标签 2. 标签 标签通常作为文本的容器，它没有特定的含义和样式，只有与CSS同时使用才可以为指定文本设置样式属性。该标签是一个内联元素(inline element)，与块级元素相反，内联元素不会自动在前后自动放置换行符，因此内联元素会默认在同一行显示。 2.2.8 容器标签 2. 标签 【例2-21】标签的简单应用 P40 2.3 HTML5新增的常用标签 2.3.1 HTML5新增文档结构标签 2.3.2 HTML5新增格式标签 2.3.1 HTML5新增文档结构标签 1. 页眉标签 2. 导航标签 3. 节标签 4. 文章标签 5. 侧栏标签 6. 页脚标签 2.3.1 HTML5新增文档结构标签 在HTML5版本之前通常直接使用

标签进行网页整体布局，常见布局包括页眉、页脚、导航菜单和正文部分。为了区分文档结构中不同的

内容，一般会为其配上不同的id名称。例如：

这是网页的页眉部分

这是网页的正文部分

这是网页的页脚部分

由于id名称是自定义的，如果HTML文档作者没有提供明确含义的id名称，也会导致含义不明确。例如将上述代码中的

替换成

不影响网页的页面显示效果，但是查看网页代码时会比较难以理解其含义。 2.3.1 HTML5新增文档结构标签 因此HTML5为了代码更好的语义化，新增了一系列专用文档结构标签代替原先用

加上id名称的做法。新增文档结构标签如表2-5所示。 2.3.1 HTML5新增文档结构标签 1. 页眉标签 页眉标签和用于定义网页文档或节的页眉，通常为网站名称。 2. 导航标签 导航标签和用于定义网页文档的导航菜单，可通过超链接跳转其他页面。其中nav来源于navigation(导航)的简写。 2.3.1 HTML5新增文档结构标签 3. 节标签 节标签和用于定义独立的专题区域，里面可包含一篇或多篇文章。 4. 文章标签 文章标签和用于定义独立的文章区域，里面根据文章内容的长短也可以包含一个或多个段落元素

。 2.3.1 HTML5新增文档结构标签 5. 侧栏标签 侧栏标签和用于定义正文两侧的相关内容，常用作文章的侧栏。 6. 页脚标签 页脚标签和用于定义整个网页文档或节的页脚，通常包含文档的作者、版权、联系方式