和ht ML 一样 html5 主要也是学标签、属性和用法。下面的例子展示article和section标签的使用
把代码运行下就 知道 了
[html]&nbs p;
<!DOCTY PE html>
< ;m eta charset="utf-8">
<t IT le>html5的结构标签</title>
html5为了使结构更清晰 明确 增加了结构标签,下面介绍article和section标签< br >
<article>
<header>
< h1 >article标签简介</h1>
<p>发表日期: <time p ub date 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>
<par am name="allowFullScreen" value="true">
<embed src=" # " width="600" h ei ght="300"></embed>
</object>
和html一样html5主要也是学标签、属性和用法。下面的例子展示article和section标签的使用
把代码运行下就知道了
[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>
觉得 可用，就经常来吧！ 欢迎评论哦！ html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-HTML5+CSS3教程2 全部内容，希望文章能够帮你解决 html5教程-HTML5+CSS3教程2 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-HTML5+CSS3教程2的详细内容...