&#212 在 Firefox 中显示为商标符号？答案

【问题标题】：&#212 shows up as a trademark symbol in Firefox?&#212 在 Firefox 中显示为商标符号？
【发布时间】：2012-10-27 23:52:12
【问题描述】：

<span style="font-family:Symbol; font-size:10pt; color:#000000">&#212;</span><span style="font-family:MS Sans Serif; font-size:10pt; color:#000000">

以上是一位开发人员创建的商标符号的 HTML 代码。不幸的是，他们使用这个字符序列 Ô 为程序名称创建了商标符号。我的印象是这个字符序列很可能会产生这个字符：Ô。

但是，顺序
- 在 Chrome 中正确显示为 TM。
- 在 Safari 中不正确地显示为这个符号：Ô
- 在 Firefox 中不正确地显示为这个符号：Ô

与其他浏览器相比，为什么这个符号在 Google Chrome 中显示正确？我认为这与每个人如何解析不同的字符序列有关，但我只是对为什么 Chrome 会正确显示它并忽略通常的字符序列符号 Ô 感到困惑。

问题：这是用于 HTML 页面中商标符号的最佳字符序列吗？或者是否使用了其他更常见的商标符号字符序列？

谢谢！

编辑： 在其中一个 HTML 页面的顶部找到 DOCTYPE，不确定它是否会有所不同。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

【问题讨论】：

你的页面是什么编码的？ Ô 对于 ISO-8859-1 字符集似乎是正确的。
查看问题编辑。我看到的只有编码信息是这一行：
查看浏览器菜单中选择了哪个字符集。它们与 FF、Chrome 和 Safari 匹配吗？
Safari：默认。找不到任何适用于 Chrome 的内容。 Firefox 设置为西方 (ISO-8859-1)。我真正的问题是，这是用于 HTML 网页的最佳商标序列吗？
@Pekka 即使将 Firefox 设置为 ISO-8859-1，序列仍然显示为 Ô象征。（顶部带 ^ 的圆形符号）

标签： html html-parsing symbols asciiencoding

【解决方案1】：

使用 HTML 实体 &trade;（使用普通字体而不是 Symbol）。这映射到&#8482;，但命名实体是widely supported。

或者，按照this question 的答案中的建议，对您的 HTML 使用 UTF-8 编码并直接嵌入符号。

【讨论】：

第一个答案，使用 ™并将字体系列更改为 Sans Serif 使商标符号在我测试的每个浏览器中都正确显示。看起来这是修复程序，谢谢！

【解决方案2】：

字符引用&#212; 明确表示字符“Ô” U+00D4 带有圆环的拉丁文大写字母O。这不依赖于 doctype 声明或字符编码。因此，将其显示为其他内容的浏览器会出现错误的行为。

使用 Symbol 字体是一个依赖于浏览器错误的老技巧。 Symbol 字体是一种杂乱无章的字体，其中字符已被各种符号以一种相当随意的方式替换。该字体包含商标符号的两种变体，一个位于代码位置 D4（十六进制）的衬线版本和一个位于代码位置 E4 的无衬线版本。（代码试图在明显的无衬线环境中使用衬线版本。）这是一个真正老把戏，早在 1990 年代 Alan Flavell 的 Using FONT FACE to extend repertoire?

有几种替代方法可以在网页上显示正确的字符 U+2122 TRADE MARK SIGN。不需要字体技巧，字符应该以与周围文本相同的字体呈现；如果你不做任何特别的事情，这会自动发生。

方法有：

编写字符本身 (™)。例如，如果文档编码为 UTF-8 或 windows-1252，则可以使用合适的编辑器。
使用十六进制字符引用&#x2122; 或十进制字符引用&#8482;。它们独立于字符编码工作，但它们使 HTML 源代码有点神秘。
使用实体引用&trade;。这更容易记忆，并且独立于字符编码工作。但理论上，它在 XHTML 中并不安全。

【讨论】：

感谢您提供的额外信息，尤其是因为我对为什么使用 Symbol 字体以及该序列会产生正确的 TM 结果感兴趣。