- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - 內嵌框架
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格標題和說明
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱和值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頁首
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - 地理位置 API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 雜項
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 表格查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - <h1> 到 <h6> 標籤
HTML h1 到 h6 標籤是標題標籤。HTML **標題**標籤定義了六個級別的標題,即 <h1> 到 <h6>。其中 <h1> 表示最重要的標題,<h6> 表示最不重要的標題。
標題標籤還有助於在頁面頂部或頁面上的任何位置顯示標題和副標題。使用標題來顯示文件結構非常重要。
語法
<h1>…</h1> <h2>…</h2> <h3>…</h3> <h4>…</h4> <h5>…</h5> <h6>…</h6>
屬性
HTML h1 到 h6 標籤支援 HTML 的全域性和事件屬性。
HTML h1 到 h6 標籤示例
在這裡,我們將看到每個標題標籤的示例。選擇正確的標題標籤對於 SEO 和可讀性都很重要。將網站內容以結構化的形式呈現,將有助於您在 Google 上獲得排名,並且內容也易於閱讀。
使用 h1 和 h2 標籤
在以下示例中,我們建立了一個 HTML 頁面,該頁面將顯示頁面上的重要標題,即 <h1> 和 <h2> 標籤。
<!DOCTYPE html> <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h1>Tutorialspoint</h1> </body> </html>
使用 h3 和 h4 標籤
考慮以下示例,我們將使用 <h3> 和 <h4> 標籤建立 HTML 文件。
<!DOCTYPE html> <html> <body> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h3>Tutorialspoint</h3> </body> </html>
使用 h5 和 h6 標籤
讓我們看一下以下示例,我們將使用 h5 和 h6 標籤建立 HTML 文件,表示頁面的標題不太重要。
<!DOCTYPE html> <html> <body> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>The above heading is h5 and h6</p> </body> </html>
注意: 不要隨意使用標題標籤,這會降低提供內容的可讀性。
支援的瀏覽器
| 標籤 | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| h1 - h6 | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
廣告




