科技生活指南
柔彩主题三 · 更轻盈的阅读体验

HTML字符实体:排版中那些不能直接敲出来的符号

发布时间:2025-12-18 03:41:41 阅读:188 次

写网页时,你有没有试过想在页面上显示一个小于号 <,结果却发现浏览器把它当成标签开头了?或者你想打一个版权符号 ©,却不知道怎么输入?这时候就得靠 HTML 字符实体来帮忙。

什么是字符实体

HTML 中有些字符有特殊含义,比如 <> 用来定义标签,空格连续多个会被当成一个处理。如果你想让这些符号原样显示,就得用“字符实体”代替。

字符实体是一种用名字或数字表示特殊字符的方式。它以 & 开头,以分号 ; 结尾。比如,想显示小于号,就要写成 &lt;;想显示大于号,就写 &gt;

常见的字符实体示例

下面这几个是最常遇到的:

&lt;    < 小于号
&gt;    > 大于号
&amp;   & 与号
&quot;  " 双引号
&apos;  ' 单引号
&nbsp;     不换行空格(连续空格不会被合并)
&copy;  © 版权符号
&reg;   ® 注册商标
&euro;  € 欧元符号
&yen;   ¥ 日元/人民币符号

为什么需要不换行空格

你在写一段文字时,可能希望两个词之间永远不被断开,比如“第 1 章”。如果用普通空格,浏览器可能在窄屏幕上把“第”和“1”分开到两行,看起来就很别扭。加上 &nbsp; 就能粘住它们。

中文排版中的实用场景

比如你要在网页里写一篇说明书,提到“请勿使用 <script> 标签”,如果不转义,浏览器会以为这是代码,轻则显示异常,重则执行脚本。正确写法是:

请勿使用 &lt;script&gt; 标签

再比如写价格:“¥199 起”,可以直接用 &yen;199,确保在各种设备上都能正常显示货币符号。

实体可以用数字表示

除了名字,你还能用 Unicode 编码来写实体。比如 &copy; 等于 &#169;&euro; 等于 &#8364;。名字好记,数字通用,看情况选择。

有时候复制粘贴的文字里自带乱码或不可见字符,手动改成字符实体反而更稳妥。尤其在写技术文档、产品说明这类对格式要求高的内容时,多花几秒写个 &nbsp;&trade;,能省下后面一堆调试时间。