首页 > Web开发 > 详细

html5中新增非主体结构元素

时间:2016-12-30 19:20:59      阅读:190      评论:0      收藏:0      [点我收藏+]

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>

显示:技术分享

 

 

   

 

html5中新增非主体结构元素

原文:http://www.cnblogs.com/sunli0205/p/6237834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!