在 HTML 中編寫攝氏度符號

1. 使用 &#8451 十進位制引用在 HTML 中寫入攝氏度符號
2. 使用 &#x2103 十六進位制引用在 HTML 中寫入攝氏度符號
3. 使用 ° 在 HTML 中寫入攝氏度符號的實體
4. 使用 <sup> 標籤黑客在 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>

使用 ° 在 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>

使用 <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>