首页 > Web开发 > 详细

HTML5 1.9 新的布局元素

时间:2016-03-10 23:29:37      阅读:363      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!