实体字符（转义字符）

Tue, 15 Oct 2024 00:00:00 +0800

HTML 的实体字符（HTML Entities）是用于显示某些特殊字符或符号的编码形式。

HTML 中某些符号具有特殊含义，例如 <, >, & 等字符不能直接在网页内容中使用，所以需要使用实体字符来表示它们。

常见的 HTML 实体字符

空格和控制字符

 ：空格字符 (non-breaking space)

&nbsp; <!-- 表示一个空格 -->

<：小于号 <

&lt;div&gt; <!-- 表示 <div> -->

>：大于号 >

&gt;/div&gt; <!-- 表示 </div> -->

&：与符号 &

&amp; <!-- 表示 & -->

"：双引号 "

&quot;Hello&quot; <!-- 表示 "Hello" -->

'：单引号 '

&apos;Hello&apos; <!-- 表示 'Hello' -->

数学符号

+：加号 +
−：减号 −
×：乘号 ×
÷：除号 ÷

货币符号

&dollar;：美元符号 $
€：欧元符号 €
£：英镑符号 £
¥：日元符号 ¥

其他常见符号

©：版权符号 ©
®：注册商标符号 ®
™：商标符号 ™
§：章节符号 §
°：度数符号 °

希腊字母

α：α
β：β
γ：γ
δ：δ

为什么需要实体字符？

避免 HTML 解析冲突：例如 <, >, & 等符号在 HTML 中有特定的用途，用实体字符可以避免冲突。
显示特殊符号：例如版权符号、商标符号或货币符号等，不能直接在键盘上输入，使用实体字符可以确保正确显示。

常见考点

1. HTML 实体字符的定义与作用

什么是 HTML 实体字符？为什么需要使用它们？
实体字符用于在 HTML 中显示特殊符号（如 <, >, &, " 等）或不可见字符（如空格、换行符等），避免与 HTML 语法冲突。

2. 常见的 HTML 实体字符

<：小于号 <
>：大于号 >
&：与符号 &
"：双引号 "
'：单引号 '
 ：不间断空格

3. Unicode 和 ASCII 编码的实体字符

HTML 支持通过 &#xNNNN;（十六进制）或 &#NNNN;（十进制）表示 Unicode 字符。例如：
- ♥ 或 ♥ 表示 ♥
考察点可能涉及通过实体字符显示 Unicode 表情符号、语言字符等。

4. 转义字符

在 HTML 中如何使用实体字符进行转义？
为什么需要转义符号（如 <, >, &）？特别是在 HTML 元素内嵌 JavaScript 或样式时需要避免歧义。
安全性方面的考量，尤其是防止 XSS（跨站脚本攻击）。

5. 空白字符

 （不间断空格）：防止自动换行或保留多个空格。
&ensp; 和 **&emsp;**：半角和全角空格符号。
实体空白符在排版和布局中的应用（如对齐、占位）。

6. 其他常见实体字符

货币符号：如 ¥（¥）、€（€）。
数学符号：如 ±（±）、×（×）、÷（÷）。

7. HTML5 实体字符扩展

HTML5 中新增的一些实体字符，如：
- **≤**（≤）和 ≥（≥）
- •（•）用于列表符号
- …（…）省略号

8. 实体字符与浏览器兼容性

浏览器如何处理不支持的实体字符？
考察点可能涉及浏览器对不同编码的支持，以及如何确保兼容性。

9. HTML 实体字符与国际化

如何通过实体字符支持多语言文本？
考察 Unicode 与实体字符在国际化中的应用，如如何使用实体字符表示非 ASCII 字符。

10. HTML 实体字符在输入表单中的应用

在表单中，如何防止特殊字符输入导致 HTML 注入攻击？
使用实体字符保护表单数据的完整性和安全性。

实体字符（转义字符） on Last Stand

实体字符（转义字符）

常见的 HTML 实体字符

为什么需要实体字符？

常见考点

1. HTML 实体字符的定义与作用

2. 常见的 HTML 实体字符

3. Unicode 和 ASCII 编码的实体字符

4. 转义字符

5. 空白字符

6. 其他常见实体字符

7. HTML5 实体字符扩展

8. 实体字符与浏览器兼容性

9. HTML 实体字符与国际化

10. HTML 实体字符在输入表单中的应用