HTML 字符实体
# HTML 字符实体
HTML 字符实体用于显示在 HTML 中预留的字符或其他特殊字符。字符实体有助于避免浏览器将某些字符解释为 HTML 代码。
# 1. HTML 实体
- 在 HTML 中，某些字符是预留的，例如
<和>。 - 如果希望正确显示这些字符，我们必须在 HTML 源代码中使用字符实体。
- 字符实体的格式如下：
&entity_name; 或 &#entity_number;
1
例如：
<可以表示为<或<>可以表示为>或>
# 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字符实体示例</title>
</head>
<body>
<p>正确显示小于号：< 或 <</p>
<p>正确显示大于号：> 或 ></p>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
提示： 使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好)。
# 2. 不间断空格 (Non-breaking Space)
- 在 HTML 中，常用的字符实体是不间断空格 (
)。 - 浏览器会自动截断 HTML 页面中的多余空格。如果需要在页面中增加空格，可以使用
。
# 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>不间断空格示例</title>
</head>
<body>
<p>文本中有多个 空格</p>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 3. 结合音标符
- 变音符号是加到字母上的一个 "glyph (字形)"，例如尖音符 (
`) 和抑音符 (´)。 - 变音符号可以与字母、数字字符组合使用，出现在字母的上面、下面或中间。
# 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>结合音标符示例</title>
</head>
<body>
<p>带尖音符的字母：`á`（á）</p>
<p>带抑音符的字母：`è`（è）</p>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 4. 常见 HTML 字符实体
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常见字符实体示例</title>
</head>
<body>
<p>小于号：< 或 <</p>
<p>大于号：> 或 ></p>
<p>和号：& 或 &</p>
<p>引号：" 或 "</p>
<p>单引号：' 或 '</p>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 5. 完整的 HTML 实体列表
可以查看 HTML 实体参考 (opens new window) 以获取完整的 HTML 实体列表。
# 6. 实体字符与常用符号
除了基本的预留字符，HTML 还支持多种其他符号和字符实体，例如：
| 符号 | 实体名称 | 实体编号 |
|---|---|---|
| € | € | € |
| © | © | © |
| ® | ® | ® |
| ± | ± | ± |
| ÷ | ÷ | ÷ |
| × | × | × |
| ° | ° | ° |
# 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>特殊符号示例</title>
</head>
<body>
<p>欧元符号：€ 或 €</p>
<p>版权符号：© 或 ©</p>
<p>注册商标符号：® 或 ®</p>
<p>正负号：± 或 ±</p>
<p>除号：÷ 或 ÷</p>
<p>乘号：× 或 ×</p>
<p>度数符号：° 或 °</p>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
编辑此页 (opens new window)
上次更新: 2025/01/25, 22:32:05