結構化語句header nav aside main article section footer

caoruipeng發表於2024-03-20
HeaderIDEAI
點選檢視程式碼 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>語義化結構 結構化元素</title>
</head>

<body>
    <header>
        header定義頁首，一般放在頁面最頂部。也可以放在一個模組區域的頂部。一定不要在header中包含nav
    </header>
    <nav>nav頂部導航欄</nav>
    <aside>aside 側邊欄內容，左側欄或者右側欄內容 表示網站的次要資訊</aside>
    <main>main定義主體內容，頁面中只是用一次即可 表示網站的主要資訊
        <article>
            article定義文章塊
            <section>section定義一組相似主題的區域，裡面包含這個主題的相關內容</section>
        </article>
    </main>
    <footer>footer定義頁尾</footer>
</body>

</html>

相關文章