HTML5+CSS3教程2
把代码运行下就知道了
[html]
<!DOCTYPE html>
<meta charset="utf-8">
<title>html5的结构标签</title>
html5为了使结构更清晰明确增加了结构标签,下面介绍article和section标签<br>
<article>
<header>
<h1>article标签简介</h1>
<p>发表日期: <time pubdate datetime="2013/10/9">2013/10/09</time>
</p>
</header>
<p><b>article标签</b>代表文档、页面或者程序中可以独立被外部引用的内容，
比如网页中的文章、帖子或者独立的插件等</p>
<section>
<h2>评论</h2>
<article>
<header>
<h3>发表者：没钱吃饭...</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">2小时前
</time></p>
</header>
<p>楼主V5啊 article和section可以互相嵌套</p>
</article>
<article>
<header>
<h3>发表者：XXOO</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">1小时前
</time></p>
</header>
<p>这除了更清晰点和以前的p没看出什么优势啊</p>
</article>
</section>
</article>
<article>
<header>
<h1>section标签简介</h1>
<p>发表日期: <time pubdate datetime="2013/10/9">2013/10/09</time>
</p>
</header>
<p><b>section标签</b>对页面上的内容进行分块，一个section元素通常由内容
和标题组成，但它并不是一个普通的容器元素，当一个元素需要被直接定义样式或者脚本
行为时，建议使用p而不是section</p>
<section>
<h2>评论</h2>
<article>
<header>
<h3>发表者：没钱吃饭...</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">2小时前
</time></p>
</header>
<p>楼主V5啊 article和section可以互相嵌套</p>
</article>
<article>
<header>
<h3>发表者：XXOO</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">1小时前
</time></p>
</header>
<p>为什么要带标题呢?</p>
</article>
</section>
</article>
<!--插件,让内容看起来想嵌入页面一样-->
<object>
<param name="allowFullScreen" value="true">
<embed src="#" width="600" height="300"></embed>
</object>
上一篇： 这熊孩子，瞎说什么大实话