HTML 实体编解码
把 < > & " ' 转成实体,或把 <div>、A 还原成原文;调试前端模板、核对转义时常用。
>_ 使用指南 · GUIDE
双向转换:把 < > & " ' 转成 HTML 实体,或把 <div>、A 还原成原文。支持具名实体(&、 )与十进制/十六进制数字实体(A、A)的识别与还原。
典型场景:在网页/博客里展示代码片段(不转义会被浏览器当标签执行)、调试前端模板的转义问题、核对富文本编辑器产出的 HTML。本地实时转换,内容零上传。
>_ 常见问题 · FAQ
Q1 · <、& 这些是什么意思?
HTML 里 <、& 等字符有特殊含义,直接写会被浏览器解析成标签或实体开头。实体写法用 &名称; 或 &#数字; 来安全表示它们:< 是 <(less than)、& 是 &、 是不换行空格。看到网页源码里大量 < 就是代码被转义后的样子。
Q2 · 为什么在网页里贴代码总是显示不出来?
浏览器会把 <div> 解析成标签而不是文字。要让代码「原样显示」,必须把 <、>、& 转义成实体——这就是本工具「编码」方向做的事。博客写技术文章、在 CMS 富文本里贴片段时都要走这一步(很多 markdown 渲染器会自动做,纯 HTML 环境需要手动)。
Q3 · 和普通空格有什么区别?
(no-break space)是不换行空格:浏览器排版时不会在此处折行,连续多个也不会被折叠成一个。用于「3 km」这类数字单位不分离、表单对齐等场景。普通空格连续多个会被 HTML 折叠成一个,这是最常见的排版困惑来源。
Q4 · A 和 A 为什么是同一个字符?
十进制 65 与十六进制 41 都是字符 A 的 Unicode 码点。同一字符有具名实体(如果定义了)、十进制、十六进制三种实体写法,效果完全等价。十六进制写法在「字符 → 实体」批量转换里更常见。粘贴到本工具解码即可验证。
Q5 · 什么时候必须转义,什么时候可以不转?
规则:& 出现在文本里必须写成 &(否则可能被当成实体开头);< 在文本里必须转义(会被当标签);> 严格说可转可不转(建议转)。属性值里的引号必须与包裹引号区分时转义。拿不准就全部转义——多余的转义不影响渲染结果。