2-9：HTML 的 h1~h6 標籤

HTML 提供了 <h1> 到 <h6> 六個標籤，分別用於定義標題。這些標籤是層級結構化的，從 <h1>（最高層級）到 <h6>（最低層級），文字的字體大小和重要性依次遞減。

特性

1. 階層結構：

   • <h1> 是頁面中最重要的標題，通常用於文章或網頁的主要標題。
   • <h2> 到 <h6> 是次要標題，依次作為副標題或更細分的標題。

2. SEO 和無障礙設計：

   • 搜尋引擎將 <h1> 視為關鍵標題，對 SEO 友好。
   • 提供內容結構的清晰層次，有助於螢幕閱讀器解析網頁。

3. 外觀：

   • 瀏覽器會根據層級自動設置不同的字體大小和粗細。
   • 文字大小從 <h1> 到 <h6> 依次減小。

基本語法

<h1>這是 H1 標題</h1>
<h2>這是 H2 標題</h2>
<h3>這是 H3 標題</h3>
<h4>這是 H4 標題</h4>
<h5>這是 H5 標題</h5>
<h6>這是 H6 標題</h6>

注意事項

1. 正確的層級使用：

   • 頁面應有且僅有一個 <h1>，作為頁面的主標題。
   • <h2> 到 <h6> 的使用應根據內容結構遞進，避免跳過層級（如 <h1> 後直接使用 <h4>）。

2. 適用於 SEO：

   • 在 <h1> 和 <h2> 中包含關鍵字有助於提升頁面搜尋引擎排名。

3. 無障礙：

   • 使用標題標籤可以幫助螢幕閱讀器清晰描述頁面內容。