HTML 標籤參考
把你最常用的 HTML 元素按用途分組。能用就優先用語意標籤（如 <nav> 和 <article>），而不是通用的 <div> —— 它們能提升無障礙性和 SEO。要整理標記，用 HTML 格式化工具。
更新 2026-07-06
文件結構
| 標籤 | 用途 |
|---|---|
| <html> | 文件的根 |
| <head> | 中繼資料：title、link、script（不顯示在頁面上） |
| <body> | 頁面可見的內容 |
| <title> | 頁面標題（瀏覽器分頁、搜尋結果） |
| <meta> | 中繼資料，如 charset、viewport、description |
| <link> | 指向外部資源的連結，通常是樣式表 |
| <script> | 嵌入或參照 JavaScript |
| <style> | 在頁面中嵌入 CSS |
文字
| 標籤 | 用途 |
|---|---|
| <h1>–<h6> | 標題，從最重要到最不重要 |
| <p> | 一段文字 |
| <a> | 超連結（使用 href） |
| <span> | 本身沒有含義的內聯容器 |
| <strong> | 重要文字（預設粗體） |
| <em> | 強調文字（預設斜體） |
| <br> | 換行 |
| <hr> | 主題分隔（分隔線） |
| <blockquote> | 區塊引用 |
| <code> | 內聯程式碼 |
| <pre> | 預先格式化文字（保留空白） |
清單
| 標籤 | 用途 |
|---|---|
| <ul> | 無序（項目符號）清單 |
| <ol> | 有序（編號）清單 |
| <li> | 清單項目 |
| <dl> | 描述清單（術語/定義對） |
連結與媒體
| 標籤 | 用途 |
|---|---|
| <img> | 影像（使用 src 和 alt） |
| <video> | 嵌入的影片 |
| <audio> | 嵌入的音訊 |
| <svg> | 內聯向量圖形 |
| <picture> | 帶多個來源的響應式影像 |
| <iframe> | 在本頁內嵌入另一個頁面 |
表單
| 標籤 | 用途 |
|---|---|
| <form> | 收集並提交輸入的表單 |
| <input> | 單行輸入（文字、核取方塊、單選等） |
| <textarea> | 多行文字輸入 |
| <button> | 可點擊的按鈕 |
| <select> | 下拉清單 |
| <option> | <select> 內的一項 |
| <label> | 表單控制項的標籤（提升無障礙性） |
表格
| 標籤 | 用途 |
|---|---|
| <table> | 資料表 |
| <tr> | 表格列 |
| <td> | 表格儲存格 |
| <th> | 表頭儲存格 |
| <thead> | 把表頭列分組 |
| <tbody> | 把主體列分組 |
語意分區
| 標籤 | 用途 |
|---|---|
| <header> | 頁面或區塊的引導內容 |
| <nav> | 一組導覽連結 |
| <main> | 頁面的主要內容（每頁一個） |
| <section> | 內容的主題分組 |
| <article> | 自包含內容（一篇文章、一張卡片） |
| <aside> | 旁支內容（側邊欄） |
| <footer> | 頁面或區塊的頁尾 |
| <figure> | 帶可選標題的自包含媒體 |
相關工具