article標(biāo)簽是什么元素？有什么作用？

更新時(shí)間:2021年03月24日16時(shí)47分來源:傳智教育瀏覽次數(shù):

article元素代表文檔、頁面或者應(yīng)用程序中與上下文不相關(guān)的獨(dú)立部分，該元素經(jīng)常被用于定義一篇日志、一條新聞或用戶評論等。article元素通常使用多個(gè)section元素進(jìn)行劃分，一個(gè)頁面中article元素可以出現(xiàn)多次。

下面通過一個(gè)案例對article元素的用法進(jìn)行演示，如下所示。

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

上述代碼包含了兩個(gè)article元素，其中，第1個(gè)article元素又包含了一個(gè)header元素和兩個(gè)section元素。

效果圖如下所示：