1、header:标记头部区域的内容
、footer:标记页脚区域的内容
、section：Web页面中的一块区域
4、article:独立的文章内容区域
5、aside：相关侧边内容或者引文区域
6、nav:导航类内容区域
另外分享一个网站，用于输出。https://gsnedders.html5.org/outliner/（转自麦子学院）
其中把UTF-8改为gdk
articleDemo：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<section>
<h1>字母内容</h1>
<p>其中全部内容</p>
<section>
<h2>A的内容</h2>
<p>Aa</p>
</section>
<section>
<h2>B的内容</h2>
<p>Bb</p>
</section>
</section>
<section>
<h1>数字内容</h1>
<p>其中内容</p>
<section>
<h2>1的内容</h2>
<p>一</p>
</section>
<section>
<h2>2的内容</h2>
<p>二</p>
</section>
</section>
</body>
</html>
sectionDemo：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<nav>
<!--<nav>用于创建连接-->
<ul>
<li>
<a href="navDemo01.html">首页</a>
<!--格式：<a href="链接点">名称</a>-->
</li>
</ul>
<ul>
<li>
<a href="articleDemo01.html">article</a>
</li>
</ul>
<ul>
<li>
<a href="asideDemo01.html">aside</a>
</li>
</ul>
<footer>
<a href="/">版权信息</a>
<a href="/">站点帮助</a>
<a href="/">练习我们</a>
</footer>
</nav>
</body>
</html>
navDemo