正在加载...

HTML 符号

实体一课说明了为什么 <、> 和 & 需要编码。同一套实体系统也解锁许多符号——版权标记、货币符号、商标以及简单箭头——不必寻找特殊键盘布局。本课聚焦你会在页脚、价格和产品名中看到的实用符号。真实站点里这些字形会反复出现:页脚的版权年份、商品卡上的欧元价、品牌名后的 ™。若团队在简易编辑器、共享文件夹或会“吃掉” Unicode 的工具里改 HTML,命名实体能让文件更可靠。把这些代码看成 &lt; 与 &amp; 的自然延续:语法相同(&…;),目的不同——现在你想显示法律或货币标记,而不是转义标记字符。学完后,你应能仅用常见命名实体写出页脚行和价格行,并知道何时用数字引用作备选。

这里什么算符号实体?

符号实体仍然是 HTML 实体:通常以 & 开头、以 ; 结尾,浏览器渲染为可见符号。有些名字好记(&copy;、&euro;)。另一些写成数字字符引用,例如 &#8594;。两种方式都能插入字符;存在标准名称时,具名形式更友好。实际差别在源码可读性:&trade; 一眼就是“商标”;&#8482; 效果相同,但要查表。对本课程,先记住短小的法律与货币集合;把长数字当作备用工具。还要记住分号关闭实体——缺了它,解析器可能吞掉后面的字母或显示怪异结果。符号实体不是 CSS、不是图片,也不能替代真正的排版:它只是安全地向浏览器请求某个具体字形的方式。

直接回答

用实体插入符号。常见起点:&copy; 表示 ©,&reg; 表示 ®,&trade; 表示 ™,&euro; 表示 €,&pound; 表示 £,&yen; 表示 ¥。需要没有好记名称的字符时,可用数字引用。为了可移植性与在纯文本编辑器中的可读性,有标准名时优先具名实体,并始终以 ; 结束。若本课只记一句,就记:屏幕上是符号,源码里是代码——有标准名时,更清晰的代码更赢。在文档与教程里,&copy; 2026 比随手粘贴的 © 更经得起跨系统复制(旧编辑器常把 © 变成 ?)。在商店与落地页上,同样的纪律能避免有人用错误编码保存文件后价格“坏掉”。先掌握短集合;再逐案决定装饰性字形用实体还是 UTF-8 直贴 Unicode。

常用符号一览

📊 常用符号实体

Entity 符号含义 典型用途
&amp;copy; 版权 页脚与法律行
&amp;reg; 注册商标 品牌说明
&amp;trade; 商标 产品名
&amp;euro; 欧元 EUR 价格
&amp;pound; 英镑 GBP 价格
&amp;yen; 日元 JPY 价格
&amp;rarr; 右箭头 简单方向提示(字体支持因字体而异)

文本中的法律与品牌标记

页脚和产品行常需要版权或商标。即使用简易编辑器改文件,实体也能让这些字符保持可靠。小团队里有人可能用记事本、另一操作系统打开 HTML,或从邮件粘贴——你机器上“好看”的 ©,在别人机器上可能变成乱码。&copy;、&reg;、&trade; 是经典三件套:页脚年份与权利、法律说明里的注册标记、产品名旁的 ™。不必仅为这些字形准备 PNG;带实体的文本会随字号缩放,并可当文本复制。写这一行时,把每个实体当成完整单元:与号、名称、分号。同一句话里混用粘贴的 © 与 &trade; 在 UTF-8 下可以工作,但团队选定一种风格并贯穿项目会更一致。

产品行中的符号

html
HTML Code
<p>Price: 10&euro; — BrandX&trade; — All rights reserved &copy; 2026</p>

读懂示例

  • 10&euro; 显示欧元金额,无需粘贴特殊键盘字符
  • BrandX&trade; 在名称后加上商标标记
  • &copy; 2026 是经典页脚写法
  • 每个实体都以 ; 结束——漏掉可能破坏渲染
    这种模式可扩展:可在同一句子里组合价格、品牌与版权,无需图片。常见错误是只漏掉其中一个实体的 ;,然后看到后面字母被“吃掉”。始终对照源代码与渲染文本——源码里的 &euro; 与屏幕上的 € 之差,正是实体在做的事。记住这个对比:源码 = 代码;屏幕 = 字形。学生看过一次后,规则就不再神秘,而变成机械习惯。若该行用于真实商店,还要确认货币实体正确——&euro; 与 &pound; 不能因为“都是钱”就互换。

具名实体与数字引用

具名实体使用单词:&copy;。数字字符引用使用数字:&#169; 是得到版权标记的另一种写法,&#8594; 可产生右箭头。本课不必背很长的码表。先学会日常法律与货币标记的具名形式,把数字形式当作没有清晰名称时的备份。十进制 &#169; 与十六进制 &#xA9; 指向同一 Unicode 码位;课程多用十进制,因为旧示例里常见。对箭头与较少见的符号,数字引用(或粘贴 UTF-8 字符)可以接受——前提是文件与服务器编码一致。健康习惯:先找短名;没有再有意识地用数字形式或直接 Unicode。

数字字符引用

html
HTML Code
<p>Next step &#8594; checkout</p>

UTF-8 与粘贴的符号

若文件以 UTF-8 保存,往往可以直接粘贴 © 或 €。这是有效的。当你希望源码保持偏 ASCII 友好的文本,或编辑器曾经弄坏过特殊字符时,实体仍然有用。选择能让团队文件可靠的方式。在正确声明 charset=utf-8 的现代项目中,粘贴字形很常见且易读。在旧流水线、CSV 导出或糟糕规范化 Unicode 的工具里,&copy; 与 &euro; 更能撑住传输。不要在同一文件夹里未经约定就混用风格:一个文件粘贴 ©、另一个写 &copy;,会把审阅 diff 搞乱。后面的 Charset 课会深入编码;这里的实践要点很简单——实体与 UTF-8 不是对立面;它们是到达同一字形的两条路,可移植性权衡不同。

在编辑器中练习

  1. 用 &copy; 和当前年份写一行页脚。
  2. 添加使用 &euro; 或 &pound; 的价格。
  3. 添加产品名并接上 &trade;。
  4. 可选:用 &rarr; 或 &#8594; 加一句简短的“下一步”提示。
  5. 打开页面确认符号已渲染。
  6. 去掉 ; 弄坏一个实体,刷新,再修好。
    这些步骤闭环:编写、渲染、故意制造错误。第 6 步比只读更能记住分号规则。若做商店小项目,在三处重复该模式:法律页脚、价格卡、带 ™ 的产品名。把每个源码/屏幕对比记在心里,直到反射成自动。当可选箭头看起来“太像排版”时请记住:CSS 负责定位;实体只请求一个字形。

应避免的错误

  • 忘记符号实体结尾的 ;
  • 在真实价格行里搞混货币实体(&euro; 与 &pound;)
  • 用箭头实体代替 CSS 当作整页排版系统
  • 以为每个花哨符号都有短命名实体——有些需要数字引用或粘贴 UTF-8 字符
  • 给从不需要实体的普通字母编码
    其他失误:从已把实体变成字形的 PDF 复制,再在损坏 Unicode 的编辑器里打开;不懂法律差别就混用 &reg; 与 &trade;(HTML 只显示字形;品牌规则是另一回事);导航里到处撒 →,而按钮或 CSS 链接本更清晰。排版上,装饰符号少一些通常更好读。把符号实体留给真正的标记——版权、货币、™——把布局交给 CSS。

小结

  • 页面上许多符号来自 HTML 实体
  • 从 &copy;、&reg;、&trade; 以及 &euro; 等货币实体开始
  • 有名称时,具名实体比长数字码更好记
  • 数字引用是较少见字符的备份
  • 实体始终以 ; 结束
  • 布局优先用清晰文本与 CSS;符号实体用于真正的标记与符号
    把这六条当作心智卡片。后面的 emoji 与 charset 课会再次出现“源码是代码 / 屏幕是字形”的习惯——但法律与货币核心现在就应扎实。若能向同事说明为何 &copy; 2026 与 10&euro; 在简易编辑器里是可靠选择,你就掌握了本课要点。练习到版权 / 货币 / trade 三件套成为自动反射。

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己,看看你对这个主题的理解程度如何

❓
7
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部