标记页面的主要区域
页面通常只有一个部分代表其主要内容，可以将这样的内容放在main元素中，该元素在一个页面仅使用一次。
<body>
......
<main role="main">
<article>
......
</article>
</main>
......
</body>role="main"可以帮助屏幕阅读器定位页面的主要区域。
创建文章
article元素代表HTML元素中一段独立成篇的内容，可以独立于页面其余内容发布或使用，可以看作一篇文章。article可以嵌套在另一个article中，只要里面的article与外面的article是部分与整体的关系，且在语义上是可以独立存在的。一个页面可以有多个article元素，每个article都可以独立成篇，一个article可以包含一个或多个section元素（见下一节）。
<body>
......
<main role="main">
<article>
<header>
......
</header>
<aside>
......
</aside>
<section>
......
</section>
</article>
<article>
<header>
......
</header>
<aside>
......
</aside>
<section>
......
</section>
</article>
......
</main>
......
</body>
section
section元素是HTML5新增，用于表示文档中的一节。并没有明确的规定什么情况下该使用section元素，但通常section元素应该用于包含那种应该列入文档大纲或目录中的内容。section可以属于某个article，一个article可以包含一个或者多个section。section元素通常包含一个或多个段落及一个标题，不过标题并不是必需的。
<body>
<section>
<hgroup>
<h1>Fruits I Like</h1>
<h2>How I Learned to Love Citrus</h2>
</hgroup>
I like apples and oranges.
<section>
<h1>Additional fruits</h1>
I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes.
<section>
<h1>More information</h1>
You can see other fruits I like <a href="fruitlist.html">here</a>.
</section>
</section>
</section>
</body>上面定义了3个section，逐层嵌套，每个section的标题都是h1。不过在不同的浏览器上，section的层级结构的默认外观会有差异，可以通过创建自定义样式来解决这个问题。section和article的区别在于，section在本质上组织性和结构性更强，可以看作一个独立的段落，而article代表的是自包含的容器。
