首頁技術(shù)文章正文

H5中article元素的作用是什么?

更新時間:2021-03-24 來源:黑馬程序員 瀏覽量:

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

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

效果圖如下所示:

1616575460926_article.jpg

article元素使用效果展示



猜你喜歡:

HTML5新增form屬性有哪些功能?示例代碼是什么?

html5六大結(jié)構(gòu)元素介紹

前端HTML5基本格式

HTML5中figure標簽的作用

黑馬程序員web前端培訓

分享到:
在線咨詢 我要報名
和我們在線交談!