您的位置：首页 > Web前端 > HTML5

html5中新增非主体结构元素

2016-12-30 17:50 309 查看
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>


显示：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航