HTML 字符实体编码转换工具
最后更新: · 公式与示例已人工校对
尖括号、与号、引号在 HTML 里有特殊含义,直接输出会被浏览器当成标签解析。实体编码把字符换成 < 这样的文本表示,既能正确显示,也能避免用户输入破坏页面结构。这个工具支持双向转换,适合排查页面显示异常和拼接 HTML 字符串。
使用方法
- 把需要处理的文本粘贴进输入框
- 选择编码方向:文本转实体,或实体转回文本
- 复制结果并粘贴到页面或代码中
计算公式
| 命名实体 |
< > & "
可读性好,兼容性最广 |
| 数字实体 |
< > &
十进制码位,任何字符都能表示 |
| 十六进制实体 |
< >
与数字实体等价,书写更短 |
计算示例
把 <div class="a"> 转成可显示文本
- 将 < 替换为 <
- 将 > 替换为 >
- 将双引号替换为 "
- 结果:<div class="a">
结果:页面会原样显示标签文本而不解析
要点与常见误区
- 编码顺序要先处理 & 再处理其他字符,否则会把 `&` 二次编码成 `&amp;`。
- URL 参数与 HTML 实体是两套编码,混用会导致特殊字符丢失。
- 把用户输入直接拼进 HTML 而不编码,是最常见的 XSS 漏洞来源。
常见问题
- 为什么 显示成空格却有宽度?
- 它是不换行空格,宽度与普通空格相同但不会在该处断行,常用于排版占位。
- 编码后为什么中文变成了乱码?
- 中文应保持 UTF-8 原样,只需编码 HTML 特殊字符;若整段转数字实体会让源码难以维护。
- JSON 里也需要实体编码吗?
- 不需要。JSON 有自己的转义规则,实体编码只用于 HTML 上下文。
相关计算器