本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: 、、
目录
1. 语义元素介绍
1.1 何为语义元素
1.2 特点
2. 原先界面布局
3. 页面结构语意元素
3.1 说明
3.2 详细介绍
3.3 示例图
详细资料>
浏览器最低版本:IE 9、Chrome 5
使用说明:
①当用于标注网页的页眉时,可包含logo、导航、搜索条等信息。
②当用于标注内容的标题时,只有当标题还附带其他信息时才考虑用,一般情况下用
标注标题即可。
使用说明
: 定义网页中的主体内容。
浏览器最低版本:IE 不支持、Chrome 35
:定义网页或文章的尾部区域。可包含版权、备案等内容。
浏览器最低版本:IE 9、Chrome 5
使用说明:
①作为网页的页脚时,通常包含网站版权、法律限制及链接等内容。
②作为文章的页脚时,通常包含作者相关信息。
使用说明
:标注页面导航链接。包含多个超链接的区域。
浏览器最低版本:IE 9、Chrome 5
使用说明:
①一个页面可包含多个元素,如页面的导航和相关文章推荐等。
②区域里的联系信息、认证信息可不必包含在元素里。
使用说明
:通常标注为网页中的一个独立区域。
浏览器最低版本:IE 9、Chrome 5
使用说明:
①可作为网页中的独立区域,如文章中的一小节。
使用说明
:完整、独立的内容块;里面可包含独立的、等结构元素。如新闻、博客文章等独立的内容快(不包括评论或者作者简介)。
浏览器最低版本:IE 9、Chrome 5
:定义周围主内容之外的内容块。如:注解。
浏览器最低版本:IE 9、Chrome 5
浏览器最低版本:IE 9、Chrome 8
浏览器最低版本:IE 9、Chrome 8
Web开发之路系列文章