下面是一份适合整理为技术专栏或学习笔记的内容。📒

【H5 前端开发笔记】第 11 期：HTML常用标签 (7) —— 实体符号与 Unicode 编码

在 HTML 页面中，有些字符 不能直接输入或会被浏览器当作标签解析，例如：

<   >   &

为了正确显示这些字符，HTML 提供了 实体符号（HTML Entity） 机制。

一、什么是 HTML 实体符号

HTML 实体（Entity） 是一种特殊的字符编码方式，用来表示：

• HTML 保留字符
• 特殊符号
• 数学符号
• 货币符号
• 空格

基本格式：

&实体名称;

或者

&#实体编号;

例如：

<

浏览器显示为：

<

二、HTML 保留字符

HTML 中有一些字符具有 特殊意义，不能直接写在代码中。

常见保留字符：

示例：

<p>HTML标签示例：</p>
<p><div>Hello</div></p>

页面显示：

<div>Hello</div>

三、空格实体

HTML 默认会 合并多个空格。

例如：

Hello      World

浏览器显示：

Hello World

如果需要多个空格，可以使用：

 

示例：

Hello   World

显示：

Hello   World

四、常见 HTML 实体符号

1 数学符号

示例：

5 < 10

2 货币符号

示例：

价格：¥199

显示：

价格：¥199

3 版权符号

示例：

<p>© 2025 My Website</p>

五、实体编号写法

除了实体名称，还可以使用 数字编码。

格式：

&#编号;

示例：

示例：

<div>Hello</div>

显示：

<div>Hello</div>

六、Unicode 编码

HTML 实体其实来源于 Unicode 字符编码。

Unicode 是一种全球统一的字符编码标准，可以表示：

• 中文
• 英文
• 日文
• 韩文
• Emoji
• 数学符号

HTML 也支持 Unicode 编码显示字符。

格式：

&#x编码;

示例：

中文

显示：

中文

解释：

七、Emoji 表情

HTML 也支持 Emoji。

示例：

😀

显示：

😀

常见 Emoji：

八、实际开发中的使用场景

1 显示 HTML 代码

例如教程网站：

<h1>Hello</h1>

显示：

<h1>Hello</h1>

2 版权信息

网站底部：

<p>© 2026 My Company</p>

3 控制空格

例如排版：

价格：¥199  原价：¥299

九、开发建议

1️⃣ 推荐使用 实体名称

可读性更好：

©

比

©

更容易理解。

2️⃣ HTML 文件必须声明编码：

<meta charset="UTF-8">

否则可能出现 乱码问题。

3️⃣ 现代开发中：

• 大部分字符可以直接输入
• 实体符号主要用于 特殊字符

十、本期总结

HTML 实体作用：

• 显示特殊字符
• 避免 HTML 解析错误
• 支持 Unicode 字符

常见实体：

编码方式：

&名称;
&#编号;
&#x十六进制;

如果你愿意，我可以继续帮你整理下一篇：

第 12 期：HTML5 多媒体标签（audio / video / source）

这是 HTML5 非常重要的一部分，很多企业项目和面试都会涉及。🚀