HTML 速查表
共 60 条HTML 常用标签，覆盖文档结构、文本内容、列表与表格、表单、媒体、语义与元信息六组场景， 逐条给出标签（含关键属性）与说明。支持搜索与分类筛选，点击标签即可复制。
文档结构
一个标准 HTML 文档的骨架。
| 标签 / 属性 | 说明 |
|---|---|
| 声明 HTML5 文档类型，必须是首行 | |
| 根元素，lang 声明页面语言 | |
| 元信息容器，不对用户直接显示 | |
| 声明字符编码，应放在 head 最前 | |
| 移动端视口设置 | |
| 浏览器标签页与搜索结果的标题 | |
| 引入外部 CSS | |
| 引入外部脚本，defer 延后执行 | |
| 页面可见内容容器 |
文本内容
标题、段落与行内语义。
| 标签 / 属性 | 说明 |
|---|---|
| 一级到六级标题，h1 每页通常只用一个 | |
| 段落文本 | |
| 强制换行 | |
| 主题分隔线 | |
| 重要文本（语义加粗） | |
| 强调文本（语义斜体） | |
| 高亮标记文本 | |
| 行内代码 | |
| 保留空格与换行，常配 code 使用 | |
| 块级引用 | |
| 通用行内容器，便于加样式 | |
| 缩写，鼠标悬停显示全称 |
列表与表格
结构化内容展示。
| 标签 / 属性 | 说明 |
|---|---|
| 无序列表 | |
| 有序列表 | |
| 描述列表 | |
| 表格容器 | |
| 表头 / 表体 / 表尾 | |
| 表行，th 表头单元格、td 数据单元格 | |
| 表格标题 | |
| 单元格横跨两列（rowspan 为跨行） |
表单
用户输入与提交。
| 标签 / 属性 | 说明 |
|---|---|
| 表单容器，指定提交地址与方法 | |
| 单行文本框（type 可为 email / number / date 等） | |
| 密码框，输入内容以圆点显示 | |
| 复选框 | |
| 单选按钮（同 name 互斥） | |
| 文件选择 | |
| 关联表单控件，点击可聚焦 | |
| 下拉选择框 | |
| 多行文本域 | |
| 按钮，type 可为 submit / button / reset | |
| 必填与占位提示属性 | |
| 表单分组与标题 |
媒体
图片、音视频与嵌入。
| 标签 / 属性 | 说明 |
|---|---|
| 图片，alt 为替代文本（无障碍必填） | |
| 按屏幕密度提供多倍图 | |
| 响应式图片，按条件选源 | |
| 图片与图注组合 | |
| 视频，controls 显示控件 | |
| 音频播放 | |
| 多格式回退源 | |
| 内嵌外部页面或视频 | |
| 懒加载图片 / iframe，提升首屏速度 |
语义与元信息
提升可读性、SEO 与无障碍。
| 标签 / 属性 | 说明 |
|---|---|
| 页头 / 页脚区域 | |
| 导航链接区域 | |
| 页面主要内容，每页仅一个 | |
| 章节 / 独立文章内容 | |
| 与主内容弱相关的旁注 | |
| 页面摘要，影响搜索展示 | |
| Open Graph 社交分享信息 | |
| 超链接，外链建议加 rel="noopener" | |
| 邮件链接 | |
| 页内跳转到指定 id 元素 |
使用说明
把 HTML 常用标签与关键属性按用途整理成一张可搜索的对照表，覆盖文档结构、文本内容、列表与表格、表单、媒体、语义与元信息六组，逐条给出标签与说明，点击即可复制。
- 在顶部搜索框输入标签名或用途（如 img、表单、meta）快速定位。
- 点击分类标签按场景筛选查看。
- 点击标签单元格即可复制到剪贴板。
常见问题
- 标签需要闭合吗？
- 大多数标签需要成对闭合；img、br、input 等为自闭合标签，用 < /> 结尾即可。
- 语义化标签有必要吗？
- 有必要。header、nav、main 等语义标签有助于 SEO 与无障碍阅读，建议优先使用。
- 数据需要联网吗？
- 不需要。全部为静态数据，页面在浏览器本地展示。