Écrire le symbole du degré Celsius en HTML

Subodh Poudel 19 février 2023
  1. Utilisez la référence décimale &#8451 pour écrire le symbole du degré Celsius en HTML
  2. Utilisez la référence hexadécimale &#x2103 pour écrire le symbole de degré Celsius en HTML
  3. Utilisez le ° Entité pour écrire le symbole du degré Celsius en HTML
  4. Utilisez la balise <sup> pour écrire le symbole du degré Celsius en HTML
Écrire le symbole du degré Celsius en HTML

Cet article présentera de nombreuses façons d’écrire le symbole du degré Celsius en HTML.

Utilisez la référence décimale &#8451 pour écrire le symbole du degré Celsius en HTML

Les symboles comme le degré Celsius ne peuvent pas être saisis directement à partir du clavier. Le symbole est l’unité de mesure de la température.

Cela peut sembler fastidieux au départ si nous devons écrire le symbole en HTML. Mais en réalité, ce n’est pas le cas.

Divers symboles comme ont des encodages qui représentent le symbole. L’encodage UTF-8 du symbole du degré Celsius dans les références décimales est &#8451.

Nous pouvons écrire la référence &#8451 en HTML pour représenter le symbole du degré Celsius, comme le montre l’exemple ci-dessous.

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

Utilisez la référence hexadécimale &#x2103 pour écrire le symbole de degré Celsius en HTML

Nous pouvons également représenter le symbole du degré Celsius en utilisant la référence hexadécimale. La référence hexadécimale équivalente est &#x2103.

Nous pouvons utiliser l’encodage de la même manière que dans la première méthode. L’exemple est illustré ci-dessous.

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

Utilisez le &deg; Entité pour écrire le symbole du degré Celsius en HTML

Pour écrire le symbole du degré Celsius en HTML, nous pouvons également utiliser les encodages pour le symbole du degré, °, et concaténer le symbole avec la lettre C. Nous pouvons représenter le symbole dans différents formats.

L’entité HTML pour le symbole du degré est &deg;. Les références décimales et hexadécimales sont &#176; et &#xb0;.

Nous pouvons utiliser n’importe lequel d’entre eux pour représenter le symbole du degré. L’exemple de code ci-dessous montre comment utiliser ces encodages avec la lettre C pour représenter le symbole du degré Celsius en 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>

Utilisez la balise <sup> pour écrire le symbole du degré Celsius en HTML

La méthode finale décrit un hack simple pour écrire le symbole du degré Celsius en HTML. Cette méthode utilisera la balise <sup> pour créer l’exposant de la lettre o.

Cela fait apparaître la lettre comme un symbole de degré. Ensuite, nous pouvons concaténer la lettre avec le caractère C.

La sortie apparaîtra comme un symbole de degré Celsius. Cependant, cette méthode n’est pas considérée comme une bonne option car les lecteurs d’écran ne liront pas exactement tels quels.

Ce sera un problème pour les utilisateurs malvoyants.

Par exemple, entourez le caractère o de la balise <sup> et écrivez le caractère C après, comme indiqué dans l’exemple ci-dessous.

<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