HTML5标准添加的新元素当中,用于标识常见页面结构的包括:section, header, footer, nav, article, mark等等。
2.1 页面语义化简介
2.1.1 HTML5新语义元素概述
1. header
<header>元素定义文档的页面组合,通常是一些引导和导航信息。<header>标签内通常包含section的头部信息,如h1~h6或hgroup等,但这不是必需的。同时也可以包含列表、搜索框或主题相关的logo
<header>
<h1>这是一本HTML5移动开发书籍</h1>
<p>本章主要介绍HTML5新标签含义</p>
</header>
2.footer
<footer>元素定义文档或章节的末尾部分,通常包含一些章节的基本信息,如作者信息、相关链接及版权信息。而联系信息相关的内容一般会配合<adress>标签
<footer>
<p>私隐信息 | 版权信息</p>
<p>关于我们 | 联系我们</p>
</footer>
一个HTML页面上可以允许有一个或多个header和footer
在footer标签内,不仅可以包含p标签等相关内容,同时也可以插入比如nav、ul、div等其他元素
3. nav
<nav> 元素定义为用来构建导航,显示导航链接。nav标签的主要作用是放入一些当前页面的主要导航链接。
<nav>
<ul>
<li><a href="/privacy.html">隐私设置</a></li>
<li><a href="/copyright.html">版权信息</a></li>
<li><a href="/aboutus.html">关于我们</a></li>
</ul>
</nav>
4. aside
<aside>元素定义一个页面的区域,用来表示包含和页面相关的主要内容,其作用主要是装载非正文类的内容,例如广告、侧边栏等。
5. article
article元素表示文档、页面,用来显示一块独立的文章内容,如一则网站新闻、一篇博客文章等。article标签可以相互嵌套
6.section
section元素定义为文档中的节。比如章节、页眉、页脚或文档中的其他部分
7. hgroup
定义为对网页或区段的标题元素进行组合,通常使用多级别的h1~h6标签节点进行分组,例如副标题、标签行等。对于hgroup元素的用法,虽然没有严格的要求,但适当的使用hgroup元素对于SEO有一定的好处,因此hgroup标签内建议使用h1~h6标签
2.1.2 更多HTML5新元素