HTML之新增主体元素

1.article元素（可以代表文档、页面或者是应用程序中独立、完整的、可以独自被外部引用的内容，可以是一篇博客、文章或者独立的插件，可以嵌套使用，可以用来表示插件）

<article>
	<header>
		<h1>这是头部</h1>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
		</header>
		<article>
		<p> Consequatur officia accusantium dolor ad. Non veritatis ab obcaecati, earum porro, quia repellendus atque iste velit ex ratione explicabo molestiae quasi fugiat?</p>
		</article>
		<footer>
		<h2>这是底部<h2>
		</footer>
</article>

从内容呈现上来说与div没有任何区别，但是从语义上是非常方便我们阅读源码的。

<article>
		<h1>内嵌页面</h1>
		<object>
			<embed src="#" width="600" height="400">
		</object>
   </article>

2. section元素（对于网站或应用程序中页面上的内容进行分块。一个section元素通常由 内容及 标题组成。但section元素并非是一个普通的容器元素；当一个元素需要直接被定义 样式或通过脚本定义 行为时应使用 div而非 section。）

<article>
	<h1>苹果</h1>
	<p>是一种水果，可以吃</p>
	<section>
		<h1>红富士</h1>
		<p>emmm</p>
		</section>
		<section>
		<h1>国光</h1>
		<p>emmm</p>
		</section>
</article>

总结： article可以看成是一个特殊的section，比section元素更加强调独立性，section元素强调分段或分块，而article强调独立性。如果一块元素比较独立、完整的时候应使用article，而分块分区的话应使用section。

3.nav元素

nav元素是一个可以用作页面导航的链接组，nav元素的应用场景：传统导航条，侧边栏导航（如电商网站），页内导航，翻页操作。（在HTML5不要使用menu元素代替nav元素，menu是用在一系列发出命令的菜单上的，是一种交互型的元素，适合运用在web程序中）

 <nav>
		<ul>
			<li><a href="">主页</a></li>
			<li><a href="">开发文档</a></li>
		</ul>
    </nav>
    <article>
    	<header>
			<h1>html与css</h1>
			<nav>
				<ul>
					<li><a href="">HTML</a></li>
					<li><a href="">Css3</a></li>
				</ul>
			</nav>
		</header>
		<section>
			<h1>Html的历史</h1>
			<p>...</p>
		</section>
		<section>
			<h1>css的历史</h1>
			<p>...</p>
		</section>
    </article>

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

<header>
	<h1>英语学习</h1>
</header>
    <article>
    	<h1>语法</h1>
    	<p>英语语法</p>
    	<aside>
	 	<h1>名词解释</h1>
		<p>语法：这是学习一个语言的基础？</p>
    	</aside>
    </article>

第一种用法：aside针对于article的名词解释

第二种用法：作为全局属性使用。