码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 1.9 新的布局元素

时间:2016-03-10 23:29:50      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:

1.header元素(标签)

a。通常用于设置一个页面的标题部分,通常包含标题,LOGO,导航

b。通常会放在文章的头部

2.footer元素(标签)

a。通常用于设置一个网页的底部区域,会包含友情链接,版权声明,文件建立日期,联系方式等

b。通常会放在页面的页脚

3.article

a。用于定义一个独立的内容区块,比如一篇文章、帖子、论坛的一段用户评论、一篇新闻消息等

b。可以嵌套其他元素,他可以有自己的头、尾、主题等,使用时要特别注意内容的独立性,一般对于独立完整的内容才使用article元素。如果只是一段内容的话应该使用section元素

4.section

 

 

<!DOCTYPE html>

< html lang="zh-cn">

<head>

          <meta charset="UTF-8">

          <title>例1</title>

</head>

<body>

        <article>

                 <header>

                            <h3>文章标题</h3>

                            <h5>作者:杜甫</h5>

                 </header>

                 <p>我是正文**********************************************<br>**********************************************                            <br>**********************************************<br></p>

                 <article>

                 <header><h4>网友A的评论</h4></header>

                 <p>评论内容:******************江流石不转,遗恨失吞吴。</p> 

                 <footer><h4>发布时间:2016/03/10</h4></footer>   

                 </article> 

                 <article>

                 <header><h4>网友B的评论</h4></header>

                 <p>评论内容:******************江流石不转,遗恨失吞吴。</p> 

                 <footer><h4>发布时间:2016/03/15</h4></footer>   

                 </article>

                 <footer><p>尾部:阅读:300 评论:80</p></footer>        

         </article>              

</body>

</html>

HTML5 1.9 新的布局元素

标签:

原文地址:http://www.cnblogs.com/piaopiaoppp/p/5263905.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!