HTML 5中的结构元素

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>
sectionDemo：

 

 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>
navDemo

 

posted @ 2016-01-21 09:30  晨落梦公子  阅读(552)  评论(0)  编辑  收藏  举报