html5中新增非主体结构元素

1.header元素

   定义HTML文档的页眉,是一种具有引导和导航作用的结构元素    

1 <header>
2   <h1>header元素</h1>
3   <nav>
4      <ul>
5         <li><a href="www.baidu.com">主页</a></li>
6         <li><a href="www.baidu.com">baidu</a></li>
7      </ul>
8   </nav>
9 </header>

 

   显示结果:  

2.hgroup元素

  用于对header元素标题及其子标题进行分组。属于header元素时,我们通常会嵌入一个heading元素

 1 <!DOCTYPE HTML>
 2 <html>
 3 <body>
 4 <head>
 5 <hgroup>
 6 <h1>Welcome to my WWF</h1>
 7 <h2>For a living planet</h2>
 8 </hgroup>
 9 </head>
10 <p>The rest of the content...</p>
11 
12 </body>
13 </html>

                显示

3.footer元素

   定义元素的脚本,这个元素可以是article元素或者section元素

 1 <article>
 2   <header>
 3        <h1>文章标题</h1>
 4   </header>
 5   <section>
 6        <header>段落标题</header>
 7        <p>段落标题</p>
 8        <footer>段落脚注</footer>
 9   </section>
10   <footer>文章脚注</footer>
11 </article>

显示:

4.address元素

   定义文档作者或者拥有着的联系信息,包括文档作者或文档维护者的姓名、网站、电子邮件等

1 <footer>
2    <address>
3       <ul>
4          <li>联系地址:。。。。。。。</li>
5          <li>电子邮件:。。。。。。。</li>
6          <li>联系电话:。。。。。。。</li>
7       </ul>
8    </address>
9 </footer>

显示:

 

 

   

 

posted @ 2016-12-30 17:50  sunli0205  阅读(261)  评论(0编辑  收藏  举报