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