在网页中显示 <div> 这样的标签时,如果不做处理,浏览器会把它当成 HTML 代码来解析。HTML 实体转义就是把 < > & " ' 等字符转成安全的实体表示。
HTML 实体转义适合做什么
HTML 实体转义适合在网页内容中安全显示特殊字符。常见场景包括:
- 在网页上展示代码片段,避免标签被浏览器解析。
- 填写富文本编辑器的 HTML 源码时转义特殊字符。
- 防止用户输入的文本中的特殊字符破坏页面结构。
- 将 Markdown 中嵌入的 HTML 内容做转义处理。
基本使用步骤
- 把包含 HTML 特殊字符的文本粘贴到输入框。
- 选择编码(转义)或解码(还原)。
- 查看转义或还原后的结果。
- 复制结果到目标位置。
转义示例
原始 HTML:
<p>使用 <a href="https://www.maowenben.com">锚文本</a> 体验在线工具</p>
转义后:
<p>使用 <a href="https://www.maowenben.com">锚文本</a> 体验在线工具</p>
转义后的内容在网页上会直接显示 HTML 标签源码,不会被浏览器解析。
常见问题
解码和编码有什么区别?
编码(转义)是把 < > 等字符转成实体格式,解码(还原)是把实体格式还原为原始字符。写入 HTML 时用编码,读取 HTML 源码时用解码。
所有特殊字符都会转义吗?
常见的 HTML 实体转义针对五个字符:& → &,< → <,> → >," → ",' → '。其他字符一般不需要转义。
有没有和 HTML 转义类似的其他编码工具? 有。如果需要在 URL 中使用特殊字符,可以使用 URL 编码解码工具。如果需要在 Markdown 和 HTML 之间转换,可以使用 Markdown 转 HTML 工具。
相关工具推荐
- 如果需要处理 URL 中的特殊字符,可以用 URL 编码解码。
- 如果需要把 Markdown 转为 HTML,可以用 Markdown 转 HTML。
- 转义前后想对比内容变化,可以用 文本差异对比。