Escribir el símbolo de grados Celsius en HTML

Subodh Poudel 19 febrero 2023
  1. Use la referencia decimal &#8451 para escribir el símbolo de grados Celsius en HTML
  2. Use la referencia hexadecimal &#x2103 para escribir el símbolo de grados Celsius en HTML
  3. Utilice el ° Entidad para escribir el símbolo de grados Celsius en HTML
  4. Use el Tag Hack <sup> para escribir el símbolo de grados Celsius en HTML
Escribir el símbolo de grados Celsius en HTML

Este artículo presentará muchas formas de escribir el símbolo de grado Celsius en HTML.

Use la referencia decimal &#8451 para escribir el símbolo de grados Celsius en HTML

Los símbolos como el grado Celsius no se pueden escribir directamente desde el teclado. El símbolo es la unidad para medir la temperatura.

Inicialmente puede parecer tedioso si tenemos que escribir el símbolo en HTML. Pero en realidad, no lo es.

Varios símbolos como tienen codificaciones que representan el símbolo. La codificación UTF-8 del símbolo de grado Celsius en referencias decimales es &#8451.

Podemos escribir la referencia &#8451 en HTML para representar el símbolo de grados Celsius, como se muestra en el siguiente ejemplo.

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

Use la referencia hexadecimal &#x2103 para escribir el símbolo de grados Celsius en HTML

También podemos representar el símbolo de grado Celsius usando la referencia hexadecimal. La referencia hexadecimal equivalente es &#x2103.

Podemos usar la codificación de forma similar al primer método. El ejemplo se muestra a continuación.

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

Utilice el &deg; Entidad para escribir el símbolo de grados Celsius en HTML

Para escribir el símbolo de grado Celsius en HTML, también podemos usar las codificaciones para el símbolo de grado, °, y concatenar el símbolo con la letra C. Podemos representar el símbolo en diferentes formatos.

La entidad HTML para el símbolo de grado es &deg;. Las referencias decimales y hexadecimales son &#176; y &#xb0;.

Podemos usar cualquiera de ellos para representar el símbolo de grado. El ejemplo de código a continuación muestra cómo usar estas codificaciones con la letra C para representar el símbolo de grado 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>

Use el Tag Hack <sup> para escribir el símbolo de grados Celsius en HTML

El método final describe un truco simple para escribir el símbolo de grado Celsius en HTML. Este método utilizará la etiqueta <sup> para crear el superíndice de la letra o.

Hace que la letra parezca un símbolo de grado. Entonces, podemos concatenar la letra con el carácter C.

La salida aparecerá como un símbolo de grado Celsius. Sin embargo, este método no se considera una buena opción ya que los lectores de pantalla no leerán exactamente como es.

Esto será un problema para los usuarios con discapacidad visual.

Por ejemplo, encierre el carácter o con la etiqueta <sup> y escriba el carácter C después, como se muestra en el ejemplo a continuación.

<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

Artículo relacionado - HTML Symbol