首頁技術文章正文

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節(jié)</h2>
            </header>
        </section>
        <section>
            <header>
                <h2>第2節(jié)</h2>
            </header>
        </section>
    </article>
    <article>
        <header>
            <h2>第二章</h2>
        </header>
    </article>
</body>
</html>

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

效果圖如下所示：