HTML 進階語法

主體內容

1.Header – 頁首

<header>
  <h1>我的網站</h1>
  <nav>
    <ul>
      <li><a href="#home">首頁</a></li>
      <li><a href="#about">關於我</a></li>
      <li><a href="#contact">聯絡方式</a></li>
    </ul>
  </nav>
</header>

header：網站的頂部，包含標題與導覽列。
nav：導航列，可提供使用者快速跳轉到不同區塊，提升便利性。

2.Main – 主要內容

<main>
  <section id="home"></section>
  <section id="about"></section>
  <section id="contact"></section>
</main>

main：頁面的主要內容，且每頁只會有一個。
section：不同主題的區塊。
article：獨立的內容單元，簡單說是一篇一篇的文章篇幅。

3.Aside – 側邊資訊

<aside>
  <h2>最新消息</h2>
  <ul>
    <li>廣告1</li>
    <li>廣告2</li>
  </ul>
</aside>

aside：附加資訊，一般出現在側邊，像是廣告、推薦文章這類。

4.Footer – 頁尾

<footer>
  <p>&copy; 2025 website. All rights reserved.</p>
</footer>

footer：頁尾，一般會有版權資訊、聯絡方式或外部連結。