html5新增主题结构元素之article

来源：互联网发布：孔颜之乐乐于何乎编辑：程序博客网时间：2024/05/16 01:58

第一种作为文档形式使用！是独立的块。可以被外部引用的！例如一篇博客

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>article</title>  </head>  <article>    <header>      <h1>苹果</h1>      <p>发表日期：<time pubdate="pubdate">2010/10/09</time></p>    </header>    <p><b>苹果</b>dasfadsfdsfadasf</p>    <section>      <h2>评论</h2>      <article>        <header>          <h3>发表者：王杰</h3>          <p>            <time pubdate datetime="2010-10-10T19:10-08:00">              一小时前            </time>          </p>        </header>        <p>          我喜欢吃苹果，我喜欢的品种是红富士！        </p>      </article>      <article>        <header>          <h3>发表者：王杰</h3>          <p>            <time pubdate datetime="2010-10-10T19:10-08-00">              一小时红军            </time>          </p>        </header>        <p>          我不太有爱喜欢吃苹果！        </p>      </article>    </section>  </article></html>

第二种可以作为插件来使用，使插件好像内嵌在页面中一样！

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>article作为插件使用</title>  </head>    <article>      <h1>My Fruit Spinner</h1>      <object>        <param name="allowFullScreen" value="true">        <embed src="#" width="600" height="390">      </object>    </article></html>

0 0