¿La mejor manera de codificar el símbolo de grado Celsius en una página web?

¿Cómo debo codificar caracteres especiales en páginas web? Por ejemplo, necesito este símbolo ℃, que usé simplemente copiando y pegando el carácter como puedo verlo ahora. Esto funcionó para los navegadores de escritorio con los que verifiqué y también en iPad y iPhone, pero no se muestra nada en un Blackberry que usé para probar. ¿Existe una mejor práctica estándar para esto?

http://www.fileformat.info/info/unicode/char/2103/browsertest.htm

Intente reemplazarlo con °, y también establecer el juego de caracteres en utf-8, como sugiere Martin.

°C obtendrá algo como esto:

Si realmente desea utilizar el carácter DEGREE CELSIUS “℃”, entonces copiar y pegar está bien, siempre que su documento esté codificado en UTF-8 y declarado como tal en los encabezados HTTP. El uso de la referencia de caracteres ℃funcionaría igualmente bien y funcionaría independientemente de la codificación de caracteres, pero la fuente sería mucho menos legible.

El problema con Blackberry es probablemente un problema de fuente. No sé sobre las fuentes en Blackberry, pero el repertorio de fuentes puede ser limitado. No hay nada que pueda hacer al respecto en HTML, pero puede usar CSS, posiblemente con @font face.

Pero rara vez hay razón para utilizar el GRADO CELSIUS. Es un carácter de compatibilidad, incluido en Unicode debido a su uso en la escritura de Asia Oriental. El estándar Unicode dice explícitamente en el Capítulo 15 (sección 15.2, página 497):

"En uso normal, es mejor representar los grados Celsius" ° C "con una secuencia de U + 00B0 signo de grado + U + 0043 letra mayúscula latina c, en lugar de U + 2103 grados Celsius".

El signo de grado “°” se puede ingresar de muchas maneras, incluida la referencia de entidad `°, pero normalmente es mejor insertarlo como un carácter, mediante copiar y pegar o de otra manera. En Windows, puede usar Alt 0176.

Advertencia: algunos navegadores pueden tratar el signo de grado como si permitiera un salto de línea después de él, incluso cuando no interviene ningún espacio, poniendo “°” y la siguiente “C” en líneas separadas. Hay diferentes formas de prevenir esto . Un método sencillo y eficaz es la siguiente: <nobr>42 °C</nobr>.

Usando sup en la letra "o" y una "C" mayúscula

<sup>o</sup>C

Debería funcionar en todos los navegadores e IE6 +

No estoy seguro de por qué esto no ha surgido todavía, pero ¿por qué no usa ℃(℃) o ℉(℉) para Celsius y Fahrenheit respectivamente?

Agrega una metaetiqueta a tu encabezado

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

Esto amplía la cantidad de caracteres que puede utilizar.

1. El signo de grado pertenece al número y no a la "C". Puede considerar el signo de grado como un símbolo numérico, al igual que el signo menos.
2. No podrá no haber ningún espacio entre los dígitos y el signo de grado.
3. No se ser un espacio de no separación entre el signo de grado y la "C".

Si usa Java-JSP, lo que funcionó para mí es pegar a continuación en la página JSP

<%@ page contentType="text/html; charset=UTF-8" %>