HTML标签参考

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

关键信息

分类: 开发与 Web
输入类型: select, text
输出类型: text
样本覆盖: 4
支持 API: Yes

概览

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

适用场景

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

工作原理

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

使用场景

前端开发者快速查阅HTML5语义化标签以优化SEO结构。

初学者通过分类浏览学习不同HTML标签的用途与场景。

技术文档编写者批量获取标签定义并导出为Markdown格式。

用户案例

1. 查找表单相关标签

前端开发工程师

背景原因: 正在构建一个复杂的注册页面，需要确保所有输入控件符合HTML5规范。
解决问题: 不确定哪些标签属于表单类及其具体用途。
如何使用: 在“标签分类”中选择“表单标签”，并查看列表中的详细描述。
示例配置: category: forms, format: text
效果: 快速获取了 <form>, <input>, <select>, <textarea> 等标签的完整列表及说明。

2. 导出语义化标签文档

技术博主

背景原因: 正在撰写一篇关于HTML5语义化布局的博客文章，需要一份准确的标签清单。
解决问题: 手动整理标签列表容易遗漏且效率低下。
如何使用: 在“标签分类”中选择“语义化标签”，并将“输出格式”设置为“Markdown”。
示例配置: category: semantic, format: markdown
效果: 直接生成了一份包含 <header>, <nav>, <article>, <section> 等标签的Markdown格式列表，可直接粘贴到编辑器中。

用 Samples 测试

html

包含图片的HTML示例

包含图片的HTML源代码示例，用于测试提取

title token html

Mock Service Worker 示例

全面的MSW (Mock Service Worker)示例，包含API模拟、GraphQL、WebSocket模拟和高级请求处理模式

keywords web,development

Storybook 示例

全面的Storybook示例，用于组件开发、测试、文档和设计系统管理

keywords development,documentation

Web3.py Python 库

Web3.py Python 库示例，包括区块链交互、智能合约、钱包管理、交易和去中心化应用开发

keywords web,development

相关专题

HTML 提取、清洗与 Markdown/PDF 导出工具

在一个专题里比较 HTML 清洗、属性提取、图片地址提取、HTML 转 Markdown 和 HTML 转 PDF 工具，适合网页内容转换流程。

常见问题

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

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

支持按标签名称搜索吗？

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

我可以导出查询结果吗？

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

标签分类有哪些选项？

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

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

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

API 文档

请求端点

POST /zh/api/tools/html-tags

请求参数

参数名	类型	必填	描述
category	select	否	Filter HTML tags by category
search	text	否	按名称过滤标签（支持部分匹配）
format	select	否	选择输出格式

响应格式

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

文本: 文本

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中：

{
  "mcpServers": {
    "elysiatools-html-tags": {
      "name": "html-tags",
      "description": "完整的HTML5标准标签参考指南，包含分类和描述",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-tags",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]