欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML5+CSS3教程2

程序员文章站 2022-05-07 21:13:39
和html一样html5主要也是学标签、属性和用法。下面的例子展示article和section标签的使用 把代码运行下就知道了 [html] 
和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>