首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML5+CSS3课程2

2013-10-11 
HTML5+CSS3教程2和html一样html5主要也是学标签、属性和用法。下面的例子展示article和section标签的使用把

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>


热点排行