<!DOCTYPE html>
<html>
<head>
<title>html5</title>
</head>
<body>
<header>
<nav> <!-- 注释：明确表示主导航链接的区域 -->
<ul>
<li>导航页面</li>
<li>隐私信息</li>
<li>帮助列表</li>
</ul>
</nav>
</header>
<main>
<article> <!-- 包括段落,列表,音频.视频,图像,图形等 -->
<h1>学习html的article</h1>
<p>还空无一物的烟，天亮之前，一定要下一场雪，但没人会在意，这约会的情节，拜托在天亮之前，一定要再下一场雪。</p>
<section> <!-- 可以嵌套在articl中 -->
<h2>页面中的特定区域</h2>
<p>都没人会记得，这约会的情节，不知道写什么了，无语。</p>
</section>
</article>
<section>
<h2>页面中的特定区域</h2>
<p>都没人会记得，这约会的情节，不知道写什么了，无语。</p>
</section>
</main>
<aside>
<h1>附注栏</h1>
<p>no more love with you 没有了理由，任何感情都，冷如冰霜被融化，人们寻欢吧，找些办法。 </p>
</aside>
<footer>
<p><small>©GunAbout</small></p>
</footer>
</body>
</html>
注： div是通用容器，包着所有内容。
<header role="banner"> 横幅 用于header元素，每个页面只用一次。
role="navigation"导航 用于nav元素。
role="main"主体 mian或者div，每个页面只用一次。
role="complementa"补充性内容 aside或者div。
role="contentinfo"内容信息 footer元素，每个页面只用一次。
