首頁技術文章正文

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

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

article元素代表文檔、頁面或者應用程序中與上下文不相關的獨立部分，該元素經(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六大結構元素介紹

前端HTML5基本格式

HTML5中figure標簽的作用

黑馬程序員web前端培訓

分享到：

Java培訓班課程javaee

Python培訓機構python大數(shù)據(jù)

web前端培訓課程升級V8.5web

AI+設計培訓課程ui

大數(shù)據(jù)培訓課程cloud

軟件測試培訓課程test

c

新媒體運營培訓netmarket

產品經(jīng)理培訓課程pm

linux培訓Linux

movies

智能機器人培訓robot

電商視覺設計課程uids

AI

集成電路應用開發(fā)(嵌入式)培訓課程jdbc

在線咨詢 我要報名
和我們在線交談！