Schreiben Sie das Grad Celsius-Symbol in HTML

Subodh Poudel 19 Februar 2023
  1. Verwenden Sie die Dezimalreferenz &#8451, um das Grad-Celsius-Symbol in HTML zu schreiben
  2. Verwenden Sie die hexadezimale Referenz &#x2103, um das Grad Celsius-Symbol in HTML zu schreiben
  3. Verwenden Sie das ° Entität zum Schreiben des Grad Celsius-Symbols in HTML
  4. Verwenden Sie den <sup>-Tag-Hack, um Grad Celsius-Symbole in HTML zu schreiben
Schreiben Sie das Grad Celsius-Symbol in HTML

In diesem Artikel werden viele Möglichkeiten vorgestellt, das Grad Celsius-Symbol in HTML zu schreiben.

Verwenden Sie die Dezimalreferenz &#8451, um das Grad-Celsius-Symbol in HTML zu schreiben

Die Symbole wie Grad Celsius können nicht direkt über die Tastatur eingegeben werden. Das Symbol ist die Maßeinheit für die Temperatur.

Es mag zunächst mühsam erscheinen, wenn wir das Symbol in HTML schreiben müssen. Aber in Wirklichkeit ist es das nicht.

Verschiedene Symbole wie haben Kodierungen, die das Symbol darstellen. Die UTF-8-Codierung des Grad Celsius-Symbols in Dezimalreferenzen ist &#8451.

Wir können die Referenz &#8451 in HTML schreiben, um das Grad Celsius-Symbol darzustellen, wie im folgenden Beispiel gezeigt.

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

Verwenden Sie die hexadezimale Referenz &#x2103, um das Grad Celsius-Symbol in HTML zu schreiben

Wir können das Grad Celsius-Symbol auch mit der hexadezimalen Referenz darstellen. Die äquivalente hexadezimale Referenz ist &#x2103.

Wir können die Codierung auf ähnliche Weise wie bei der ersten Methode verwenden. Das Beispiel ist unten gezeigt.

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

Verwenden Sie das &deg; Entität zum Schreiben des Grad Celsius-Symbols in HTML

Um das Grad Celsius-Symbol in HTML zu schreiben, können wir auch die Codierungen für das Grad-Symbol ° verwenden und das Symbol mit dem Buchstaben C verketten. Wir können das Symbol in verschiedenen Formaten darstellen.

Die HTML-Entität für das Gradsymbol ist &deg;. Die dezimalen und hexadezimalen Referenzen sind &#176; und &#xb0;.

Wir können jede davon verwenden, um das Gradsymbol darzustellen. Das folgende Codebeispiel zeigt, wie diese Kodierungen mit dem Buchstaben C verwendet werden, um das Grad Celsius-Symbol in HTML darzustellen.

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

Verwenden Sie den <sup>-Tag-Hack, um Grad Celsius-Symbole in HTML zu schreiben

Die letzte Methode beschreibt einen einfachen Hack, um das Grad Celsius-Symbol in HTML zu schreiben. Diese Methode verwendet das Tag <sup>, um den hochgestellten Buchstaben o zu erstellen.

Es lässt den Buchstaben wie ein Gradsymbol erscheinen. Dann können wir den Buchstaben mit dem Zeichen C verketten.

Die Ausgabe erscheint wie ein Grad Celsius-Symbol. Diese Methode wird jedoch nicht als gute Option angesehen, da die Bildschirmlesegeräte nicht genau so lesen, wie sie sind.

Dies wird ein Problem für sehbehinderte Benutzer sein.

Schließen Sie beispielsweise das Zeichen o mit dem Tag <sup> ein und schreiben Sie das Zeichen C dahinter, wie im folgenden Beispiel gezeigt.

<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

Verwandter Artikel - HTML Symbol