HTML5+CSS3课程2
日期：2014-05-16 浏览次数：20631 次
HTML5+CSS3教程2
和html一样html5主要也是学标签、属性和用法。下面的例子展示article和section标签的使用
把代码运行下就知道了
<!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>这除了更清晰点和以前的div没看出什么优势啊</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元素通常由内容
和标题组成，但它并不是一个普通的容器元素，当一个元素需要被直接定义样式或者脚本
行为时，建议使用div而不是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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
