HTML 符号
实体一课说明了为什么 <、> 和 & 需要编码。同一套实体系统也解锁许多符号——版权标记、货币符号、商标以及简单箭头——不必寻找特殊键盘布局。本课聚焦你会在页脚、价格和产品名中看到的实用符号。真实站点里这些字形会反复出现:页脚的版权年份、商品卡上的欧元价、品牌名后的 ™。若团队在简易编辑器、共享文件夹或会“吃掉” Unicode 的工具里改 HTML,命名实体能让文件更可靠。把这些代码看成 < 与 & 的自然延续:语法相同(&…;),目的不同——现在你想显示法律或货币标记,而不是转义标记字符。学完后,你应能仅用常见命名实体写出页脚行和价格行,并知道何时用数字引用作备选。
这里什么算符号实体?
符号实体仍然是 HTML 实体:通常以 & 开头、以 ; 结尾,浏览器渲染为可见符号。有些名字好记(©、€)。另一些写成数字字符引用,例如 →。两种方式都能插入字符;存在标准名称时,具名形式更友好。实际差别在源码可读性:™ 一眼就是“商标”;™ 效果相同,但要查表。对本课程,先记住短小的法律与货币集合;把长数字当作备用工具。还要记住分号关闭实体——缺了它,解析器可能吞掉后面的字母或显示怪异结果。符号实体不是 CSS、不是图片,也不能替代真正的排版:它只是安全地向浏览器请求某个具体字形的方式。
直接回答
用实体插入符号。常见起点:© 表示 ©,® 表示 ®,™ 表示 ™,€ 表示 €,£ 表示 £,¥ 表示 ¥。需要没有好记名称的字符时,可用数字引用。为了可移植性与在纯文本编辑器中的可读性,有标准名时优先具名实体,并始终以 ; 结束。若本课只记一句,就记:屏幕上是符号,源码里是代码——有标准名时,更清晰的代码更赢。在文档与教程里,© 2026 比随手粘贴的 © 更经得起跨系统复制(旧编辑器常把 © 变成 ?)。在商店与落地页上,同样的纪律能避免有人用错误编码保存文件后价格“坏掉”。先掌握短集合;再逐案决定装饰性字形用实体还是 UTF-8 直贴 Unicode。
常用符号一览
📊 常用符号实体
| Entity | 符号含义 | 典型用途 |
|---|---|---|
| &copy; | 版权 | 页脚与法律行 |
| &reg; | 注册商标 | 品牌说明 |
| &trade; | 商标 | 产品名 |
| &euro; | 欧元 | EUR 价格 |
| &pound; | 英镑 | GBP 价格 |
| &yen; | 日元 | JPY 价格 |
| &rarr; | 右箭头 | 简单方向提示(字体支持因字体而异) |
文本中的法律与品牌标记
页脚和产品行常需要版权或商标。即使用简易编辑器改文件,实体也能让这些字符保持可靠。小团队里有人可能用记事本、另一操作系统打开 HTML,或从邮件粘贴——你机器上“好看”的 ©,在别人机器上可能变成乱码。©、®、™ 是经典三件套:页脚年份与权利、法律说明里的注册标记、产品名旁的 ™。不必仅为这些字形准备 PNG;带实体的文本会随字号缩放,并可当文本复制。写这一行时,把每个实体当成完整单元:与号、名称、分号。同一句话里混用粘贴的 © 与 ™ 在 UTF-8 下可以工作,但团队选定一种风格并贯穿项目会更一致。
产品行中的符号
html<p>Price: 10€ — BrandX™ — All rights reserved © 2026</p>
读懂示例
10€显示欧元金额,无需粘贴特殊键盘字符BrandX™在名称后加上商标标记© 2026是经典页脚写法- 每个实体都以
;结束——漏掉可能破坏渲染
这种模式可扩展:可在同一句子里组合价格、品牌与版权,无需图片。常见错误是只漏掉其中一个实体的;,然后看到后面字母被“吃掉”。始终对照源代码与渲染文本——源码里的€与屏幕上的 € 之差,正是实体在做的事。记住这个对比:源码 = 代码;屏幕 = 字形。学生看过一次后,规则就不再神秘,而变成机械习惯。若该行用于真实商店,还要确认货币实体正确——€与£不能因为“都是钱”就互换。
具名实体与数字引用
具名实体使用单词:©。数字字符引用使用数字:© 是得到版权标记的另一种写法,→ 可产生右箭头。本课不必背很长的码表。先学会日常法律与货币标记的具名形式,把数字形式当作没有清晰名称时的备份。十进制 © 与十六进制 © 指向同一 Unicode 码位;课程多用十进制,因为旧示例里常见。对箭头与较少见的符号,数字引用(或粘贴 UTF-8 字符)可以接受——前提是文件与服务器编码一致。健康习惯:先找短名;没有再有意识地用数字形式或直接 Unicode。
数字字符引用
html<p>Next step → checkout</p>
UTF-8 与粘贴的符号
若文件以 UTF-8 保存,往往可以直接粘贴 © 或 €。这是有效的。当你希望源码保持偏 ASCII 友好的文本,或编辑器曾经弄坏过特殊字符时,实体仍然有用。选择能让团队文件可靠的方式。在正确声明 charset=utf-8 的现代项目中,粘贴字形很常见且易读。在旧流水线、CSV 导出或糟糕规范化 Unicode 的工具里,© 与 € 更能撑住传输。不要在同一文件夹里未经约定就混用风格:一个文件粘贴 ©、另一个写 ©,会把审阅 diff 搞乱。后面的 Charset 课会深入编码;这里的实践要点很简单——实体与 UTF-8 不是对立面;它们是到达同一字形的两条路,可移植性权衡不同。
在编辑器中练习
- 用
©和当前年份写一行页脚。 - 添加使用
€或£的价格。 - 添加产品名并接上
™。 - 可选:用
→或→加一句简短的“下一步”提示。 - 打开页面确认符号已渲染。
- 去掉
;弄坏一个实体,刷新,再修好。
这些步骤闭环:编写、渲染、故意制造错误。第 6 步比只读更能记住分号规则。若做商店小项目,在三处重复该模式:法律页脚、价格卡、带 ™ 的产品名。把每个源码/屏幕对比记在心里,直到反射成自动。当可选箭头看起来“太像排版”时请记住:CSS 负责定位;实体只请求一个字形。
应避免的错误
- 忘记符号实体结尾的
; - 在真实价格行里搞混货币实体(
€与£) - 用箭头实体代替 CSS 当作整页排版系统
- 以为每个花哨符号都有短命名实体——有些需要数字引用或粘贴 UTF-8 字符
- 给从不需要实体的普通字母编码
其他失误:从已把实体变成字形的 PDF 复制,再在损坏 Unicode 的编辑器里打开;不懂法律差别就混用®与™(HTML 只显示字形;品牌规则是另一回事);导航里到处撒→,而按钮或 CSS 链接本更清晰。排版上,装饰符号少一些通常更好读。把符号实体留给真正的标记——版权、货币、™——把布局交给 CSS。
小结
- 页面上许多符号来自 HTML 实体
- 从
©、®、™以及€等货币实体开始 - 有名称时,具名实体比长数字码更好记
- 数字引用是较少见字符的备份
- 实体始终以
;结束 - 布局优先用清晰文本与 CSS;符号实体用于真正的标记与符号
把这六条当作心智卡片。后面的 emoji 与 charset 课会再次出现“源码是代码 / 屏幕是字形”的习惯——但法律与货币核心现在就应扎实。若能向同事说明为何© 2026与10€在简易编辑器里是可靠选择,你就掌握了本课要点。练习到版权 / 货币 / trade 三件套成为自动反射。
🧠 测试您的知识
测试您的知识
通过这个互动测验挑战自己,看看你对这个主题的理解程度如何
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部