Elysia Tools
导航
Development
HTML空元素（自闭合标签）、SVG元素和MathML元素的完整参考指南
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
这是一个快速、全面的自闭合HTML标签（空元素）、SVG元素和MathML元素参考工具。它能帮助开发者快速查找、筛选和验证这些特殊标签的正确语法与用法，提升编码效率与准确性。
背景
开发者正在编写一个产品展示页面，需要插入产品图片，但不确定 `<img>` 标签是否需要闭合以及 `alt` 属性是否必需。
问题
需要确认 `<img>` 标签的正确、完整写法，避免语法错误。
如何使用
在工具中选择“HTML空元素”类型，在搜索框输入“img”，并勾选“包含代码示例”。
结果
工具立即显示 `<img>` 是自闭合标签，并提供标准语法示例 `<img src="url" alt="description" />`，确认了 `alt` 属性的重要性。
背景
设计师需要将一个设计稿中的圆形图标用代码实现，但不熟悉SVG中绘制圆形的具体元素和属性。
问题
需要找到在SVG中绘制圆形的正确元素及其必需的属性（如圆心坐标、半径）。
如何使用
将元素类型切换为“SVG元素”，搜索“circle”。
结果
工具列出 `<circle>` 元素，并显示其核心属性如 `cx`、`cy`、`r` 的示例代码 `<circle cx="50" cy="50" r="40" />`，帮助开发者快速实现图标。
自闭合标签（也称为空元素）是指在HTML中不需要闭合标签的元素，它们通常没有内容，语法为 `<标签名 />` 或 `<标签名>`，例如 `<img />`、`<br>` 和 `<input />`。
它提供了一个集中、可搜索的列表，避免了开发者在不同文档间切换查找，能快速确认标签的正确性、支持的属性以及所属类别（HTML/SVG/MathML）。
支持三大类：HTML空元素（如 `<hr>`、`<meta>`）、SVG元素（如 `<circle>`、`<path>`）和MathML元素（如 `<msqrt>`、`<mfrac>`）。
在“搜索元素”输入框中键入元素名称（如“img”）或描述性关键词（如“换行”），列表将自动筛选并显示相关结果。
纯文本适合快速阅读；Markdown格式便于粘贴到文档中；JSON格式则方便程序解析或与其他工具集成。