html5新增主题结构元素之article

最新推荐文章于 2024-04-05 00:49:29 发布

csdncsdn9876

最新推荐文章于 2024-04-05 00:49:29 发布

阅读量474

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.youkuaiyun.com/csdncsdn9876/article/details/51657202

版权

html5 专栏收录该内容

11 篇文章

订阅专栏

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

<!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>