新增的结构元素
section标签
<section>
表示文档中的一个区域(或节)。比如章节、页眉、页脚或文档中的其他部分,一般来说会包含一个标题。
例子:
<section>
<h1>section是什么?</h1>
<p>一个新章节</p>
</section>
注:不要把<section>
元素作为一个普通的div容器使用。一般来说,一个<section>
应该出现在文档大纲中。
article标签
<article>
标签定义独立的内容。常常使用在论坛帖子,报纸文章,博客条目,用户评论等独立的内容项目之中。article
可以嵌套,内层的article
对外层的article
标签有隶属关系。
例子:
<article>
<h1>百度是什么</h1>
<p1>百度是一个查询的网站</p1>
</article>
nav标签
<nav>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</nav>
注:并不是所有的链接都必须使用<nav>
标签,它只用来将一些热门的链接放入导航栏。一个网页也可能含有多个<nav>
标签,例如一个是网站内的导航列表,另一个是本页面内的导航列表。
header标签
<header>标签定义文档的页面,通常是一些引导和导航信息。它不局限于写在网页内容里面。
通常<header>标签至少包含一个标题标记(h1-h6),还可以包括
<hgroup>`标签,还可以包括表格内容、标识、搜索表单、nav导航等。
例子:
<header>
<h1 align="center">网站标题</h1>
<h2 align="center">网站副标题</h2>
</header>
footer标签
<footer>
标签定义section和document的页脚,包含了与页面、文章或是部分内容有关的信息,比如说文章的作者或者日期。它和header
标签使用基本一样,可以在一个页面中多次使用,如果在一个区段的后面加入了footer
标签,那么它就相当于该区段的页脚。
例子:
<footer>
<span align="center">Copyright @2013-2019 网站名字</span>
</footer>
aside标签
<aside>
标签表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者嵌入内容。他们通常包含在工具条,例如来自词汇表的定义。也可能有其他类型的信息,例如相关的广告、笔者的传记、web 应用程序、个人资料信息,或在博客上的相关链接。
例子:
<aside>
<h1>百度简介</h1>
<p>一个查询的网站</p>
</aside>