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

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

更新時(shí)間:2021-03-24 來(lái)源:黑馬程序員 瀏覽量:

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

下面通過(guò)一個(gè)案例對(duì)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元素。

效果圖如下所示：

1616575460926_article.jpg

article元素使用效果展示



猜你喜歡：

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

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

前端HTML5基本格式

HTML5中figure標(biāo)簽的作用

黑馬程序員web前端培訓(xùn)

分享到：
在線咨詢 我要報(bào)名
和我們?cè)诰€交談！