HTML 字符实体

HTML 字符实体(Character Entities)是用于在 HTML 文档中插入特殊字符的代码。当你需要在 HTML 页面中显示一些特殊字符(如 <>& 等)时,直接输入它们可能会干扰 HTML 代码的结构。这时,可以使用 字符实体 来代替这些特殊字符。

字符实体通常由 & 开头,后跟字符的名称或十进制/十六进制数字,再以 ; 结尾。例如,&lt; 表示小于符号 <


1. 常用 HTML 字符实体

1.1 预定义字符实体

这些字符实体有标准的名称,可以直接用于 HTML 文档中。

字符字符实体描述
<&lt;小于号
>&gt;大于号
&&amp;和号(用于替代 & 符号)
"&quot;双引号
'&apos;单引号(HTML5中已支持)
©&copy;版权符号
®&reg;注册商标符号
&euro;欧元符号
¥&yen;日元符号
&trade;商标符号
«&laquo;左双引号(双箭头)
»&raquo;右双引号(双箭头)
©&copy;版权符号
±&plusmn;加减号

1.2 其他常用符号

这些符号也可以通过字符实体来显示:

字符字符实体描述
空格&nbsp;不可断行空格(non-breaking space)
©&copy;版权符号
&rarr;右箭头
&larr;左箭头
&darr;下箭头
&uarr;上箭头
±&plusmn;加减号
&infin;无穷符号
&radic;方根符号

2. 数字字符实体

除了使用字符名称,HTML 还允许通过数字编码来表示字符。字符实体可以使用 十进制数字 或 十六进制数字来表示。

2.1 十进制字符实体

十进制字符实体的格式为:&#数字;,其中 数字 是字符的 Unicode 编号。

字符十进制字符实体
<&#60;
>&#62;
&&#38;
"&#34;
'&#39;
&#8364;
©&#169;

2.2 十六进制字符实体

十六进制字符实体的格式为:&#x数字;,其中 数字 是字符的 Unicode 编号(十六进制形式)。

字符十六进制字符实体
<&#x3C;
>&#x3E;
&&#x26;
"&#x22;
'&#x27;
&#x20AC;
©&#xA9;

3. 使用字符实体的场景

3.1 避免与 HTML 结构冲突

某些字符在 HTML 中具有特殊含义,比如 < 和 > 是用来定义 HTML 标签的,如果你在页面中直接使用这些字符,可能会导致 HTML 解析错误。此时,使用字符实体可以避免冲突。

<!-- 不推荐 -->
<p>5 < 10</p>

<!-- 推荐 -->
<p>5 &lt; 10</p>

3.2 显示特殊符号

有些符号在键盘上不容易直接输入,或者它们可能不适用于所有语言和字符集。例如,版权符号(©)和欧元符号(€)可以通过字符实体来显示。

<p>&copy; 2025 我的公司</p>
<p>&euro; 100</p>

3.3 处理空格问题

HTML 会忽略多个连续的空格,因此如果你想在网页中插入多个空格,可以使用 &nbsp;(非断行空格)来显示这些空格。

<p>这是&nbsp;&nbsp;&nbsp;带有多个空格的文本。</p>

3.4 HTML 实体编码

HTML 实体编码可以确保页面在各种浏览器和平台上正确显示,并避免由于特殊字符造成的编码问题,尤其是在国际化和本地化的情况下。

<p>&#169; 2025 我的公司</p>

4. 总结

HTML 字符实体是为了解决网页中显示特殊字符和符号的问题,通过使用字符实体可以确保文本内容正确渲染,避免与 HTML 代码产生冲突。

  • 预定义字符实体:如 &lt;&gt;&amp; 等,适用于常见符号。
  • 数字字符实体:通过十进制或十六进制表示字符,可以灵活处理所有字符。
  • 场景应用:字符实体特别适用于避免与 HTML 结构的冲突、显示特殊符号、插入空格等场合。

通过遵循字符实体使用规范,你可以使网页内容更具兼容性和可移植性。如果你有任何问题或需要更多字符实体的例子,随时告诉我!