html5新增主体结构元素

article

定义和用法

<article> 标签规定独立的自包含内容

一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。

<article> 元素的潜在来源：

论坛帖子
报纸文章
博客条目
用户评论

用article实现页面嵌套

代码：

		<article>
			<h1>这是一个内嵌页面</h1>
			<object>
				<embed src="https://www.bilibili.com/" width="800px" height="600px">
			</object>
		</article>

实现效果：

section

定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。起到一个分隔的作用。
section需要一个标题 且一定程度上可以和article互换使用 article是一个特殊的selection

<section>
  <h1>标题</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

nav

nav元素应用场景

• 传统导航条
• 侧边栏导航
• 页面导航
• 翻页操作

示例：

<nav>
<a href="index.html">Home</a>
<a href="html5_meter.html">Previous</a>
<a href="html5_noscript.html">Next</a>
</nav>

aside

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分。

• 作附属信息，如对文章的名词解释等

<article>
  <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

• 用作页面的附属信息，如侧边栏，广告，导航条等

<aside>
	<nav>
	  <h2>…</h2>
	  <ul>
	    <li>…</li>
	    <li>…</li>
	  </ul>
	  <h2>…</h2>
	  <ul>
	    <li>…</li>
	    <li>…</li>
	  </ul>
 	<nav>
</aside>