更新時(shí)間:2021-03-24 來源:黑馬程序員 瀏覽量:
article元素代表文檔、頁面或者應(yīng)用程序中與上下文不相關(guān)的獨(dú)立部分,該元素經(jīng)常被用于定義一篇日志、一條新聞或用戶評(píng)論等。article元素通常使用多個(gè)section元素進(jìn)行劃分,一個(gè)頁面中article元素可以出現(xiàn)多次。
下面通過一個(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元素。
效果圖如下所示:
article元素使用效果展示
猜你喜歡: