在 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