如何使用 HTML 实体编码器
- 在 左侧 框中输入普通的文本(包含特殊字符)。
- 右侧 框会自动显示转换后的 HTML 实体代码。
- 反之亦然:在右侧输入实体代码,左侧会还原为文本。
- 点击“复制”按钮一键获取结果。
在编写网页代码(HTML)时,某些字符具有特殊含义,例如小于号 < 用于定义标签的开始,大于号 > 用于定义标签的结束。
如果您想在网页上直接显示这些字符本身,而不是让浏览器将它们解释为代码,就必须使用 HTML 实体 (HTML Entities)。
此外,实体编码也是防止 XSS (跨站脚本攻击) 的重要手段之一。通过将用户输入的特殊字符转换为实体,可以防止恶意脚本在浏览器中执行。
常用 HTML 字符实体对照表
| 字符 | 描述 | 实体名称 (Name) | 实体编号 (Number) |
|---|---|---|---|
| 不换行空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 (Ampersand) | & | & |
| " | 双引号 | " | " |
| ' | 单引号 | ' | ' |
| © | 版权符号 | © | © |
| ® | 注册商标 | ® | ® |
常见问题 (FAQ)
什么是 HTML 实体 (HTML Entity)?
HTML 实体是一段以连字号(&)开头、以分号(;)结尾的文本(如 <),用于显示 HTML 中的保留字符(如 <)或键盘上无法直接输入的字符(如 ©)。
为什么要使用 HTML 实体?
主要为了避免浏览器混淆。如果你在 HTML 中写了 <,浏览器会以为这是标签的开始。使用 <
可以告诉浏览器“请显示小于号字符,不要把它当作代码”。此外,它也有助于防止恶意代码注入(XSS)。
是什么意思?
它是 "Non-Breaking Space"(不换行空格)的缩写。普通的空格在 HTML 中会被合并(多个空格算一个),而且允许换行。而
会强制显示一个空格,并且禁止在该空格处自动换行。
实体名称和实体编号有什么区别?
实体名称(如 ©)更容易记忆,但并非所有浏览器都支持所有的实体名称。实体编号(如 ©)对浏览器的兼容性更好。通常情况下,常见字符用名称即可。
所有的 Unicode 字符都有对应的实体名称吗?
不是。只有一部分常用的 Unicode 字符拥有易记的实体名称(如 €)。但所有的 Unicode 字符都可以通过实体编号(如 €)来表示。
在 CSS 或 JavaScript 中能使用 HTML 实体吗?
不能直接使用 HTML 格式的实体(如 ©)。JavaScript 中应使用 Unicode 转义序列(如 \u00A9),CSS 中应使用如 \00A9 的格式。HTML
实体仅适用于 HTML 文档内容。
此工具支持 Emoji 编码吗?
支持。如果您输入 Emoji(如 😀),本工具会将其转换为对应的十进制实体编号(😀),确保在所有编码环境下都能正确显示。
单引号需要转义吗?
HTML5 规范建议,如果属性值使用双引号包裹,单引号可以不转义。但如果在 JS 字符串或属性值中使用单引号,最好转义为 ' 或 ' 以避免截断或错误。