HTML: HTML 实体符号

在 HTML 中，某些字符（例如 < 、> 、& ）被用作标签语法的一部分。如果你将这些字符直接显示在页面上，您需要使用字符实体——也被称为“转义字符”。

1. 为什么需要实体

浏览器读到 < 时，会把它当作标签的开始。如果想让它在页面上显示为"小于号"，就必须写成 <。同理，& 符号本身也需要转义，因为它是实体符号的前缀。

▶ 示例

<p>在HTML中，用 < 表示小于号，用 > 表示大于号。</p>
<p>& 是"and"符号本身。</p>
<p>显示结果：用 < 表示小于号，用 > 表示大于号。& 是"and"符号本身。</p>

2. 常用实体符号表

以下是在 HTML 中最常用的实体符号，按用途分类排列，建议熟记前 5 个。

(1) 符号总表

▶ 示例

<!-- 常用 HTML 实体 -->
<p>空格（non-breaking space）： </p>
<p>小于号：<</p>
<p>大于号：></p>
<p>and符号：&</p>
<p>双引号："</p>
<p>单引号：&apos;</p>
<p>版权符号：©</p>
<p>注册商标：&reg;</p>
<p>商标符号：&trade;</p>
<p>欧元符号：&euro;</p>
<p>人民币/日元符号：&yen;</p>
<p>英镑符号：&pound;</p>

3. 数字编号与命名实体

实体符号有两种写法：命名实体（如 ©）和 数字编号（如 ©）。数字编号可以用十进制或十六进制（加 x 前缀）：

▶ 示例

<p>命名实体：© 2026 Web-Tutorial</p>
<p>十进制编号：&#169; 2026 Web-Tutorial</p>
<p>十六进制编号：&#x00A9; 2026 Web-Tutorial</p>
<p>三个结果完全相同：都显示 © 符号。</p>

4. 特殊空白字符

HTML 默认会合并多个连续空格为单个空格。如果你需要保持特定的空白间距，可以使用以下方式：

▶ 示例

<p>正常：多个   空格   会被合并。</p>
<p>实体空格：多个   空格  被保留。</p>
<p>注意： 还常用于防止行尾断词，比如 "100 km/h" 不会被换行断开。</p>

5. 使用场景总结

• 代码展示：在代码示例中显示 <div> 等标签时，必须用 < 和 >
• 特殊符号：版权 ©、商标 ®、货币符号
• 防止断词：用 保持"100 km/h""第1章"等词组不被换行断开
• 引号嵌套：在属性值中使用引号时，内部引号需转义

❓ 常见问题

📖 小节

• 实体符号以 & 开头，; 结尾
• 常用实体：<、>、&、 、©
• 实体有命名实体和数字编号两种写法
• 连续空格被浏览器合并，可以用全角空格 可强制保留

📝 作业

1. 代码展示：创建一个段落，在页面中显示"请使用<h1> 到 <h6> 定义标题"这句话，其中 <h1> 到 <h6> 要显示为蓝色的代码样式。
2. 版权声明：在页面底部写一段版权声明，使用 © 显示版权符号，使用 保持合适的间距。
3. 实体综合：用实体符号写一行文本，同时包含小于号、大于号、and符号和引号。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。

关于我们