Skip to content

HTML 符号

有时你需要显示标准键盘上不易获得的字符(如 ©, €, ♥)或在 HTML 本身中具有特殊含义的字符(如 <, >, &)。

HTML 提供了一种机制称为实体 (entities) 来表示这些字符。

使用实体主要有两种方式:

  • 实体名称 (Entity Names):人类可读的代码,例如表示 © 的 &copy; 或表示 < 的 &lt;。这些更容易记忆,但仅适用于常用字符。
  • 实体数字 (Entity Numbers / Character References):使用字符的 Unicode 数字,可以是十进制(如表示 © 的 &#169;)或十六进制(如表示 © 的 &#x00A9;)。这些可以表示 任何 Unicode 字符。

使用实体可以确保符号无论页面字符编码如何都能正确显示,尽管为你的 HTML 文档使用 UTF-8 编码是现代标准,它允许许多符号直接在源代码中使用。

最佳实践始终在 <head> 部分将你的字符编码声明为 UTF-8:<meta charset="UTF-8">。这允许直接使用许多符号。实体主要用于那些与 HTML 语法冲突的字符(<, >, &, “)或难以输入的字符。

示例:

<p>小于号: &lt;</p>
<p>大于号: &gt;</p>
<p>与号: &amp;</p>
<p>版权符号: &copy; 或 &#169;</p>
<p>欧元符号: &euro; 或 &#8364;</p>
<p>一个爱心符号: &hearts; 或 &#9829; (如果使用 UTF-8,也可以直接 ♡)</p>

保留字符:

字符实体名称实体数字描述
<<<小于号
>>>大于号
&&&与号
"""双引号
'''单引号(撇号)

其他符号:

字符实体名称实体数字描述
©©©版权符号
®®®注册商标符号
™™™商标符号
€€€欧元符号
£££英镑符号
¥¥¥日元/人民币符号
  不换行空格

不换行空格 (non-breaking space) (&nbsp;) 在你想要阻止两个单词或元素之间换行时特别有用。

HTML 实体可以表示许多数学符号:

字符实体名称数字描述
∀∀∀任意(For All)
∂∂∂偏微分(Partial Differential)
∃∃∃存在(There Exists)
∅∅∅空集(Empty Set)
∇∇∇Nabla(向量微分)
∈∈∈属于(Element Of)
∉∉∉不属于(Not an Element Of)
∋∋∋包含元素(Contains as Member)
∏∏∏N元积(N-ary Product)
∑∑∑N元求和(N-ary Summation)
×××乘号(Multiplication Sign)
÷÷÷除号(Division Sign)

大写和小写希腊字母均可使用:

字符实体名称数字描述
ΑΑΑ希腊大写字母 Alpha
ΒΒΒ希腊大写字母 Beta
ΓΓΓ希腊大写字母 Gamma
ΔΔΔ希腊大写字母 Delta
ααα希腊小写字母 Alpha
βββ希腊小写字母 Beta
γγγ希腊小写字母 Gamma
δδδ希腊小写字母 Delta

Unicode 定义了数千个字符。你可以使用在线资源查找实体名称或数字:

  • 搜索引擎(例如,搜索“HTML entity for checkmark”)
  • 全面的实体参考网站(例如 amp-what.com)
  • 官方 Unicode 字符图表(更技术性)

请记住,使用 UTF-8 编码通常允许你直接将符号粘贴到你的 HTML 代码中。