在 HTML 中编写摄氏度符号

Subodh Poudel 2023年2月19日 2022年6月15日
  1. 使用 &#8451 十进制引用在 HTML 中写入摄氏度符号
  2. 使用 &#x2103 十六进制引用在 HTML 中写入摄氏度符号
  3. 使用 ° 在 HTML 中写入摄氏度符号的实体
  4. 使用 <sup> 标签黑客在 HTML 中编写摄氏度符号
在 HTML 中编写摄氏度符号

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

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

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

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

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

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

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

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

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

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

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

使用 &deg; 在 HTML 中写入摄氏度符号的实体

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

度数符号的 HTML 实体是 &deg;。十进制和十六进制引用是&#176;&#xb0;

我们可以使用它们中的任何一个来表示度数符号。下面的代码示例显示了如何使用这些带有字母 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>

使用 <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>
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn