教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

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

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

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

下面通過一個案例對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>

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

效果圖如下所示:

1616575460926_article.jpg

article元素使用效果展示



猜你喜歡:

HTML圖像標(biāo)簽的基本特點(diǎn)和相關(guān)屬性

怎樣使用H5頭部標(biāo)簽?具體代碼演示

html中figcaption標(biāo)簽的作用

傳智教育web前端培訓(xùn)課程

0 分享到:
和我們在線交談!