← 返回工具箱

HTML 实体编解码

HTML ENTITIES · 编解码与安全

把 < > & " ' 转成实体,或把 &lt;div&gt;、&#65; 还原成原文;调试前端模板、核对转义时常用。

文本 → HTML 实体(编码)
HTML 实体 → 文本(解码)

>_ 使用指南 · GUIDE

双向转换:把 < > & " ' 转成 HTML 实体,或把 &lt;div&gt;、&#65; 还原成原文。支持具名实体(&amp;、&nbsp;)与十进制/十六进制数字实体(&#65;、&#x41;)的识别与还原。

典型场景:在网页/博客里展示代码片段(不转义会被浏览器当标签执行)、调试前端模板的转义问题、核对富文本编辑器产出的 HTML。本地实时转换,内容零上传。

>_ 常见问题 · FAQ

Q1 · &lt;、&amp; 这些是什么意思?

HTML 里 <、& 等字符有特殊含义,直接写会被浏览器解析成标签或实体开头。实体写法用 &名称; 或 &#数字; 来安全表示它们:&lt; 是 <(less than)、&amp; 是 &、&nbsp; 是不换行空格。看到网页源码里大量 &lt; 就是代码被转义后的样子。

Q2 · 为什么在网页里贴代码总是显示不出来?

浏览器会把 <div> 解析成标签而不是文字。要让代码「原样显示」,必须把 <、>、& 转义成实体——这就是本工具「编码」方向做的事。博客写技术文章、在 CMS 富文本里贴片段时都要走这一步(很多 markdown 渲染器会自动做,纯 HTML 环境需要手动)。

Q3 · &nbsp; 和普通空格有什么区别?

&nbsp;(no-break space)是不换行空格:浏览器排版时不会在此处折行,连续多个也不会被折叠成一个。用于「3 km」这类数字单位不分离、表单对齐等场景。普通空格连续多个会被 HTML 折叠成一个,这是最常见的排版困惑来源。

Q4 · &#65; 和 &#x41; 为什么是同一个字符?

十进制 65 与十六进制 41 都是字符 A 的 Unicode 码点。同一字符有具名实体(如果定义了)、十进制、十六进制三种实体写法,效果完全等价。十六进制写法在「字符 → 实体」批量转换里更常见。粘贴到本工具解码即可验证。

Q5 · 什么时候必须转义,什么时候可以不转?

规则:& 出现在文本里必须写成 &amp;(否则可能被当成实体开头);< 在文本里必须转义(会被当标签);> 严格说可转可不转(建议转)。属性值里的引号必须与包裹引号区分时转义。拿不准就全部转义——多余的转义不影响渲染结果。

嵌入代码

把下面的代码复制到你的网页,即可将本工具嵌入为 iframe(自动隐藏导航与页脚)。

高度px
此工具在你的浏览器本地运行,输入内容不会上传。按 Ctrl K 可随时切换到其他工具。