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

2024年4月23日 162次阅读 来源: 两仪

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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞