首页技术文章正文

article标签是什么元素？有什么作用？

更新时间:2021年03月24日16时47分来源:传智教育浏览次数:

article元素代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。article元素通常使用多个section元素进行划分，一个页面中article元素可以出现多次。

下面通过一个案例对article元素的用法进行演示，如下所示。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>article元素的使用</title>
</head>
<body>
    <article>
        <header>
            <h2>第一章</h2>
    　　</header>
    　　<section>
            <header>
                <h2>第1节</h2>
            </header>
        </section>
        <section>
            <header>
                <h2>第2节</h2>
            </header>
        </section>
    </article>
    <article>
        <header>
            <h2>第二章</h2>
        </header>
    </article>
</body>
</html>

上述代码包含了两个article元素，其中，第1个article元素又包含了一个header元素和两个section元素。

效果图如下所示：