更新時間:2021-03-24 來源:黑馬程序員 瀏覽量:
article元素代表文檔、頁面或者應(yīng)用程序中與上下文不相關(guān)的獨立部分,該元素經(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元素。
效果圖如下所示:
article元素使用效果展示
猜你喜歡: