迹忆客 专注技术分享

本文将介绍在 HTML 中编写摄氏度符号的多种方法。

使用 &#8451 十进制引用在 HTML 中写入摄氏度符号

摄氏度℃等符号不能直接从键盘输入。符号是测量温度的单位。

如果我们必须在 HTML 中编写符号，最初可能看起来很乏味。但实际上，并非如此。

℃ 等各种符号都有表示该符号的编码。十进制引用中摄氏度符号的 UTF-8 编码是 &#8451。

我们可以在 HTML 中编写 &#8451 引用来表示摄氏度符号，如下例所示。

<p>
  Writing degree celsius using the decimal reference: &#8451;
</p>

Writing degree celsius using the decimal reference: ℃

使用 &#x2103 十六进制引用在 HTML 中写入摄氏度符号

我们还可以使用十六进制引用来表示摄氏度符号。等效的十六进制引用是&#x2103。

我们可以以与第一种方法类似的方式使用编码。示例如下所示。

<p>
  Writing degree celsius using the hexadecimal reference: &#x2103;
</p>

Writing degree celsius using the hexadecimal reference: ℃

使用 ° 在 HTML 中写入摄氏度符号的实体

要在 HTML 中编写摄氏度符号，我们还可以使用度数符号°的编码，并将符号与字母 C 连接起来。我们可以用不同的格式来表示符号。

度数符号的 HTML 实体是 °。十进制和十六进制引用是° 和°。

我们可以使用它们中的任何一个来表示度数符号。下面的代码示例显示了如何使用这些带有字母 C 的编码来表示 HTML 中的摄氏度符号。

<p>
  Writing degree symbol using the HTML entity: &deg;C
</p>
<p>
  Writing degree symbol using the HTML code: &#176;C
</p>
<p>
  Writing degree symbol using the hexcode : &#xb0;C
</p>

Writing degree symbol using the HTML entity: °C

Writing degree symbol using the HTML code: °C

Writing degree symbol using the hexcode : °C

使用 <sup> 标签黑客在 HTML 中编写摄氏度符号

最后一种方法描述了在 HTML 中编写摄氏度符号的简单技巧。该方法将使用 <sup> 标签来创建字母 o 的上标。

它使字母看起来像度数符号。然后，我们可以将字母与 C 字符连接起来。

输出将显示为摄氏度符号。但是，这种方法不被认为是一个好的选择，因为屏幕阅读器不会完全按原样阅读。

对于视障用户来说，这将是一个问题。

例如，用 <sup> 标记将 o 字符括起来，并在其后写入 C 字符，如下例所示。

<p>
  Writing degree celsius symbol using the &lt;sup&gt; hack: <sup>o</sup>C
</p>

Writing degree celsius symbol using the <sup> hack: ^oC