HTML标签参考

关键信息

分类: Development
输入类型: 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

sample

Web3.py Python 库

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

keywords web,development

sample

Mock Service Worker 示例

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

keywords web,development

sample

Storybook 示例

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

keywords development,documentation

sample

常见问题

这个工具包含所有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]

分类

关键信息

概览

适用场景

工作原理

使用场景

用户案例

1. 查找表单相关标签

2. 导出语义化标签文档

用 Samples 测试

相关专题

相关工具

常见问题

API 文档

请求端点

请求参数

响应格式

AI MCP 文档