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>  

把代码运行下就知道了

[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教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！