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> | 带可选标题的自包含媒体 |
相关工具