HTML 等价字符引用：系统化记忆指南

HTML 等价字符引用：系统化记忆指南

在 HTML 中，字符引用（Character Entity References）用于表示保留字符或特殊符号。我将提供一个系统化的方法来记忆这些重要实体，并解释它们的实际应用。

什么是等价字符引用？

HTML 字符引用有两种形式：

• 命名实体：&entity_name;（如 < 表示 <）
• 数字实体：&#entity_number;（如 < 表示 <）

它们用于：

• 显示 HTML 保留字符（<, >, &）
• 表示键盘无法输入的字符（如版权符号 ©）
• 避免与 HTML 标签冲突

记忆策略：分类学习法

1. 基础保留字符（必须记忆）

这些字符在 HTML 中有特殊含义，使用时必须转义：

字符	命名实体	助记方法
<	&lt;	Less Than
>	&gt;	Greater Than
&	&amp;	Ampersand
"	&quot;	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）

系统化记忆工具

模式识别法

1. 缩写模式：

   • < = less than
   • > = greater than
   • & = ampersand

2. 单词关联法：

   • © = copyright
   • ® = registered
   • ™ = trademark

3. 符号形状法：

   • ♥ = ♥ (心形)
   • ♦ = ♦ (菱形)
   • ♠ = ♠ (黑桃)
   • ♣ = ♣ (梅花)

数字实体规律

所有字符都有对应的 Unicode 编号：

• 版权符号 © = ©
• 注册商标 ® = ®
• 商标 ™ = ™

转换方法：

1. 查找字符的 Unicode 编码（如 © 是 U+00A9）
2. 去掉 “U+”，使用十进制：©
3. 或使用十六进制：©

常用字符引用速查表

<div class="reference-table">
  <h2>HTML 常用字符引用速查表</h2>
  <table>
    <thead>
      <tr>
        <th>字符</th>
        <th>命名实体</th>
        <th>数字实体</th>
        <th>说明</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>&lt;</td>
        <td>&amp;lt;</td>
        <td>&amp;#60;</td>
        <td>小于号</td>
      </tr>
      <tr>
        <td>&gt;</td>
        <td>&amp;gt;</td>
        <td>&amp;#62;</td>
        <td><