HTML5 1.9 新的布局元素
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5 1.9 新的布局元素相关的知识，希望对你有一定的参考价值。
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 新的布局元素的主要内容，如果未能解决你的问题，请参考以下文章