写网页时,你有没有试过想在页面上显示一个小于号 <,结果却发现浏览器把它当成标签开头了?或者你想打一个版权符号 ©,却不知道怎么输入?这时候就得靠 HTML 字符实体来帮忙。
什么是字符实体
HTML 中有些字符有特殊含义,比如 < 和 > 用来定义标签,空格连续多个会被当成一个处理。如果你想让这些符号原样显示,就得用“字符实体”代替。
字符实体是一种用名字或数字表示特殊字符的方式。它以 & 开头,以分号 ; 结尾。比如,想显示小于号,就要写成 <;想显示大于号,就写 >。
常见的字符实体示例
下面这几个是最常遇到的:
< < 小于号
> > 大于号
& & 与号
" " 双引号
' ' 单引号
不换行空格(连续空格不会被合并)
© © 版权符号
® ® 注册商标
€ € 欧元符号
¥ ¥ 日元/人民币符号
为什么需要不换行空格
你在写一段文字时,可能希望两个词之间永远不被断开,比如“第 1 章”。如果用普通空格,浏览器可能在窄屏幕上把“第”和“1”分开到两行,看起来就很别扭。加上 就能粘住它们。
中文排版中的实用场景
比如你要在网页里写一篇说明书,提到“请勿使用 <script> 标签”,如果不转义,浏览器会以为这是代码,轻则显示异常,重则执行脚本。正确写法是:
请勿使用 <script> 标签
再比如写价格:“¥199 起”,可以直接用 ¥199,确保在各种设备上都能正常显示货币符号。
实体可以用数字表示
除了名字,你还能用 Unicode 编码来写实体。比如 © 等于 ©,€ 等于 €。名字好记,数字通用,看情况选择。
有时候复制粘贴的文字里自带乱码或不可见字符,手动改成字符实体反而更稳妥。尤其在写技术文档、产品说明这类对格式要求高的内容时,多花几秒写个 或 ™,能省下后面一堆调试时间。