HTML 等价字符引用:系统化记忆指南
在 HTML 中,字符引用(Character Entity References)用于表示保留字符或特殊符号。我将提供一个系统化的方法来记忆这些重要实体,并解释它们的实际应用。
什么是等价字符引用?
HTML 字符引用有两种形式:
- 命名实体:
&entity_name;
(如<
表示<
) - 数字实体:
&#entity_number;
(如<
表示<
)
它们用于:
- 显示 HTML 保留字符(<, >, &)
- 表示键盘无法输入的字符(如版权符号 ©)
- 避免与 HTML 标签冲突
记忆策略:分类学习法
1. 基础保留字符(必须记忆)
这些字符在 HTML 中有特殊含义,使用时必须转义:
字符 | 命名实体 | 助记方法 |
---|---|---|
< |
< |
Less Than |
> |
> |
Greater Than |
& |
& |
Ampersand |
" |
" |
Quotation |
记忆口诀:“Less Than & Greater Than need Ampersand for Quotations”
2. 常用特殊符号(高频使用)
这些符号在网页中经常出现:
符号 | 命名实体 | 助记方法 |
---|---|---|
© |
© |
Copyright |
® |
® |
Registered |
™ |
™ |
Trademark |
€ |
€ |
European currency |
£ |
£ |
Pound sterling |
¥ |
¥ |
Yen currency |
¢ |
¢ |
Cent sign |
分类记忆:
- 知识产权:copy(©), reg(®), trade(™)
- 货币符号:euro(€), pound(£), yen(¥), cent(¢)
3. 空白与分隔符
符号 | 命名实体 | 说明 |
---|---|---|
|
|
不间断空格(No-Break Space) |
|
  |
半角空格(En Space) |
|
  |
全角空格(Em Space) |
– |
– |
短破折号(En Dash) |
— |
— |
长破折号(Em Dash) |
记忆方法:
= No-Break Space 
= En Space(字母N宽度) 
= Em Space(字母M宽度)
4. 数学符号
符号 | 命名实体 | 说明 |
---|---|---|
× |
× |
乘号 |
÷ |
÷ |
除号 |
± |
± |
加减号 |
≠ |
≠ |
不等号 |
≤ |
≤ |
小于等于 |
≥ |
≥ |
大于等于 |
助记法:
×
和÷
来自键盘符号位置≤
= Less or Equal≥
= Greater or Equal
5. 箭头图标
符号 | 命名实体 | 方向 |
---|---|---|
← |
← |
左箭头 |
→ |
→ |
右箭头 |
↑ |
↑ |
上箭头 |
↓ |
↓ |
下箭头 |
记忆方法:首字母对应方向(Left, Right, Up, Down)
系统化记忆工具
模式识别法
-
缩写模式:
<
= less than>
= greater than&
= ampersand
-
单词关联法:
©
= copyright®
= registered™
= trademark
-
符号形状法:
♥
= ♥ (心形)♦
= ♦ (菱形)♠
= ♠ (黑桃)♣
= ♣ (梅花)
数字实体规律
所有字符都有对应的 Unicode 编号:
- 版权符号 © =
©
- 注册商标 ® =
®
- 商标 ™ =
™
转换方法:
- 查找字符的 Unicode 编码(如 © 是 U+00A9)
- 去掉 “U+”,使用十进制:
©
- 或使用十六进制:
©
常用字符引用速查表
<div class="reference-table">
<h2>HTML 常用字符引用速查表</h2>
<table>
<thead>
<tr>
<th>字符</th>
<th>命名实体</th>
<th>数字实体</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td><</td>
<td>&lt;</td>
<td>&#60;</td>
<td>小于号</td>
</tr>
<tr>
<td>></td>
<td>&gt;</td>
<td>&#62;</td>
<td><