# HTML标签参考

完整的HTML5标准标签参考指南，包含分类和描述

> 标准页面: https://elysiatools.com/zh/tools/html-tags

- **分类:** Development

- **关键词:** html, 标签, 参考, 元素, html5, 网页, 开发, 文档

## 概述

HTML标签参考工具为您提供全面的HTML5标准元素指南，支持按语义、表单、媒体等分类快速检索，帮助开发者高效查询标签属性与用法。

## 输入项

- **标签分类** (select): Filter HTML tags by category
- **搜索标签** (text): 按名称过滤标签（支持部分匹配）
- **输出格式** (select): 选择输出格式

## 适用场景

- 在编写网页结构时需要确认特定标签的语义含义或用法。
- 在进行前端开发时需要快速查找表单、媒体或表格类标签的规范。
- 在编写技术文档或教学内容时需要获取准确的HTML元素列表及描述。

## 工作原理

- 通过“标签分类”筛选器按功能类别（如语义化、表单、媒体等）浏览标签。
- 使用“搜索标签”输入框快速定位特定名称的HTML元素。
- 选择“输出格式”将查询结果导出为纯文本、Markdown或JSON格式以便集成。

## 使用案例

- 前端开发者快速查阅HTML5语义化标签以优化SEO结构。
- 初学者通过分类浏览学习不同HTML标签的用途与场景。
- 技术文档编写者批量获取标签定义并导出为Markdown格式。

## 常见问题

### 这个工具包含所有HTML5标签吗？

是的，该工具涵盖了HTML5标准中定义的绝大多数常用及语义化标签。

### 支持按标签名称搜索吗？

支持，您可以在搜索框中输入标签名称，系统将为您过滤出匹配的结果。

### 我可以导出查询结果吗？

可以，您可以选择纯文本、Markdown或JSON格式来获取查询到的标签信息。

### 标签分类有哪些选项？

包括语义化标签、表单标签、媒体标签、文本内容标签、元数据标签、表格标签和嵌入内容标签等。

### 该工具是否需要联网使用？

该工具基于标准HTML5文档构建，提供即时查询功能，无需额外配置。

## 相关工具

- [自闭合HTML标签参考](https://elysiatools.com/zh/tools/self-closing-html-tags): HTML空元素（自闭合标签）、SVG元素和MathML元素的完整参考指南
- [ASCII 字符表参考](https://elysiatools.com/zh/tools/ascii-table): 浏览完整 ASCII 字符表（0–127），含十进制、十六进制、八进制、二进制、HTML 实体和控制字符名称，支持按码值或名称过滤
- [JSON 差异可视化](https://elysiatools.com/zh/tools/json-diff-visualizer): 比较两个 JSON 并生成带颜色、路径和统计信息的可视化差异报告
- [Meta标签提取器](https://elysiatools.com/zh/tools/meta-tag-extractor): 从网页提取和分析Meta标签、Open Graph、Twitter Cards和结构化数据
- [响应式 Picture / srcset 艺术方向构建器](https://elysiatools.com/zh/tools/responsive-picture-srcset-art-direction-builder): 生成完整的 艺术方向标记：按断点的 、1x/2x 密度候选或 {w} 模板宽度描述符、可选 AVIF/WebP 格式层、sizes 处理、防 CLS 的 width/height，同时输出 HTML 与 JSX 两种方言并附基于规范的 lint 提示。
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [数组随机打乱器](https://elysiatools.com/zh/tools/array-shuffle): 随机重排数组元素的顺序，支持不同的打乱算法和可重现结果
- [上标/下标转换器](https://elysiatools.com/zh/tools/superscript-subscript-converter): 把文本转为真正的 Unicode 上标（ˣ²）或下标（H₂O），或混合形式——无需 HTML 标签。数字全覆盖，字母覆盖依 Unicode 而定。

## 示例

- [HTML 查看器样本](https://elysiatools.com/zh/samples/html-viewer-samples): 用于浏览器内 HTML 查看器的样本文件
- [包含图片的HTML示例](https://elysiatools.com/zh/samples/html-with-images): 包含图片的HTML源代码示例，用于测试提取
- [Storybook 示例](https://elysiatools.com/zh/samples/storybook-samples): 全面的Storybook示例，用于组件开发、测试、文档和设计系统管理
- [Cypress E2E 测试框架](https://elysiatools.com/zh/samples/cypress-testing): 全面的Cypress端到端测试示例，包括测试设置、页面对象模型、API测试、视觉回归测试和现代Web应用的高级E2E模式

## 相关内容

- [HTML 内容提取、清理与交付工作流](https://elysiatools.com/zh/hubs/html-content-extraction-cleanup-and-delivery): 从 HTML 中提取链接、图片、属性和表格，去掉无关标记，并交付经过核对的 Markdown、PDF 或 CSV 输出。