html5知识点补充—article元素的使用

article元素是一个独立的内容块,它既可以独立存在,也可以被重用。RSS订阅中的内容就非常有代表性,因为每项基本都是独立的文章。你完全可以把某项从中独立抽取出来,而它仍然是具有意义的。

HTML5规范给出了一些如何使用article元素的示例:论坛的帖子、杂志或新闻的文章、一篇博文或用户提交的评论。使用示例如下所示:

<article>
    <header>
        <h1>HTML5 saves millions!</h1>
        <p>32nd October 2010</p>
    </header>
    <p><strong>test test...</strong></p>

    <h2>Aother heading</h2>
    <ol>
        <li>Lorem ipsum dolor sit amet,</li>
        <li>Aliquam tincidunt mauris eu risus.</li>
    </ol>
    <blockquote>
        <p>Lorem ipsum dolor sit amee</p>
    </blockquote>
    <h3>And another heading</h3>
    <ul>
        <li>Lorem ipsum dolor sit amet</li>
        <li>Aliquam tincidunt amrusi en sius</li>
    </ul>
    <p>This article was published in the THML5</p>
</article>

这篇文章或新闻可以使用article的原因在于它是独立存在的。它能否存在于某个集体中(如RSS订阅)?可以!它拥有独立的意义么?拥有!那么它可以使用article元素。

HTML5规范讲到,article代表内容独立的某个部分,甚至博客评论也可以用它来表示。

    原文作者:两仪
    原文地址: https://segmentfault.com/a/1190000003493200
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞