在 HTML 中,实体字符(HTML Entities)是用于表示保留字符或特殊符号的编码序列,当需要在网页中显示 HTML 保留字符(如 <
、>
)或键盘无法直接输入的符号(如版权符号 ©)时,实体字符能确保代码被正确解析和显示。
为什么需要使用实体字符?
-
避免代码冲突
HTML 保留字符如<
和>
用于定义标签,若需显示这些字符本身(例如教学文档),必须使用实体,否则会被解析为标签:错误:<p>5 < 10</p> <!-- 会被解析为标签 --> 正确:<p>5 < 10</p> <!-- 显示 "5 < 10" -->
-
显示特殊符号
数学符号(∑)、货币符号(€)等可通过实体字符跨平台稳定显示:∑ 使用 ∑ 显示为 ∑ € 使用 € 显示为 €
-
兼容性保障
实体字符确保不同浏览器和设备正确渲染特殊符号,避免乱码。
实体字符的两种形式
命名实体(Named Entities)
格式:&实体名;
常用示例:
| 字符 | 命名实体 | 显示效果 |
|——|———-|———-|
| < | <
| < |
| > | >
| > |
| & | &
| & |
| 空格 |
| 不换行空格 |
| © | ©
| © |
| € | €
| € |
数字实体(Numeric Entities)
格式:&#实体编号;
(十进制)或 &#x实体编号;
(十六进制)
示例:
© 的十进制:© <!-- 显示 © --> © 的十六进制:© <!-- 显示 © --> € 的十六进制:€ <!-- 显示 € -->
使用场景与示例
场景 1:显示保留字符
<p>HTML标签以 <tag> 形式书写</p> <!-- 显示:HTML标签以 <tag> 形式书写 -->
场景 2:插入特殊符号
<footer>© 2025 公司名称 ®</footer> <!-- 显示:© 2025 公司名称 ® -->
场景 3:连续空格
HTML 默认合并连续空格,使用
保留空格:
<p>第一行 第二行</p> <!-- 显示:"第一行 第二行"(保留3个空格) -->
注意事项
- 结尾分号不可省略
省略分号可能导致渲染错误:©
可能显示为 “©” 而非 ©。 - 大小写敏感
命名实体区分大小写:Ε
(Ε)和ε
(ε)不同。 - 避免过度使用
布局间距建议用 CSS 控制,
仅用于需保留的空格字符。 - Unicode 替代方案
现代网页可直接使用 Unicode 字符(如 ),但实体字符兼容性更佳。
如何查找实体字符?
- 官方参考文档
W3C 实体列表 包含所有标准命名实体。 - 在线工具
如 HTML Entity Lookup 可搜索符号对应的实体。
HTML 实体字符是解决符号显示冲突的核心工具,关键原则:
- 保留字符(
<
,>
,&
)必须转为实体。 - 特殊符号优先使用命名实体(如
©
),无命名时用数字实体(如☃
显示 ☃)。 - 始终以分号结尾确保兼容性。
参考资料:
W3C HTML 标准规范 (https://www.w3.org/TR/html52/)
MDN Web 文档 – HTML 实体 (https://developer.mozilla.org/zh-CN/docs/Glossary/Entity)
原创文章,发布者:酷盾叔,转转请注明出处:https://www.kd.cn/ask/31140.html