Tabla de entidades HTML

Cómo se lee la tabla

Cada fila te da cuatro maneras intercambiables de llegar al mismo carácter. El nombre es el más legible, el código decimal es el que más sistemas aceptan y el hexadecimal es el que verás en la documentación de Unicode, porque coincide directamente con el punto de código.

Ojo con las mayúsculas: los nombres distinguen mayúsculas de minúsculas —el estándar HTML exige escribir el nombre con la misma caja— así que Ñ es la Ñ mayúscula y ñ es la ñ minúscula. El punto y coma final es obligatorio.

La ñ, los acentos y los signos del español

El bloque que más se busca y se copia, casi siempre porque un CMS, un feed o una plantilla de correo dañó los acentos en el camino. Aquí están las cinco vocales acentuadas en minúscula y mayúscula, la eñe, la diéresis y los signos de apertura de interrogación y exclamación.

Los caracteres que siempre hay que escapar

Si vas a memorizar unos pocos, que sean estos. El ampersand y los signos de menor y mayor evitan que el texto se interprete como etiquetas; las dos comillas importan dentro de los valores de atributo. Debajo van las variantes de espacio, que son a las que se recurre cuando hace falta una separación concreta.

Otras letras acentuadas y europeas

Acento grave, circunflejo, diéresis y las letras propias del alemán, el portugués, el francés, los idiomas nórdicos y el islandés.

Puntuación y tipografía

Rayas, comillas tipográficas y los signos que distinguen un texto compuesto de un texto tecleado. La raya corta es para rangos, la larga para incisos, y los puntos suspensivos son un solo carácter, no tres puntos seguidos.

Monedas

El signo de dólar no tiene entidad HTML: es un carácter ASCII normal y no necesita escaparse.

Flechas

Flechas simples en las cuatro direcciones cardinales y las cuatro diagonales, más las de trazo doble que se usan para la implicación lógica.

Matemáticas, operadores y fracciones

Desde el signo de multiplicación —que es un carácter propio, no una equis minúscula— hasta la notación de conjuntos y las fracciones precompuestas.

Letras griegas

Las letras griegas que más aparecen en textos técnicos. Todas las demás también tienen entidad y siguen el mismo patrón: minúscula con el nombre en minúscula, mayúscula con la inicial en mayúscula.

Símbolos y formas

Copyright, marca registrada, palos de la baraja, estrellas, marcas de verificación y algunas formas que sirven como viñetas.

Cuatro cosas que conviene saber

1. En una página que declara UTF-8 no necesitas entidades para los acentos. Escribir ñ directamente es correcto, más corto y más fácil de buscar. Las entidades valen la pena en correos HTML, sistemas antiguos, feeds RSS y en cualquier lugar donde no controles la codificación de todo el flujo.
2. ' es una incorporación moderna. Está definida en XML y en el estándar HTML actual, pero nunca formó parte de HTML 4.01, así que los analizadores muy viejos pueden no reconocerla. ' es la forma segura en todos los casos de escapar una comilla simple.
3.   no es un espacio más ancho: es un espacio por el que no se puede cortar la línea, y varios seguidos no se colapsan en uno. Esa segunda propiedad es la razón por la que se abusa de él para indentar; para eso lo correcto es el padding de CSS.
4. Un ampersand seguido de letras y un punto y coma que no corresponden a ninguna entidad real es lo que el estándar llama un ampersand ambiguo, y es un error de validación. Si tu texto lleva ampersands literales, escápalos como & en lugar de confiar en que el analizador adivine.

Cuando hay que convertir un texto entero

Esta tabla sirve para buscar un carácter. Cuando lo que tienes es un párrafo, una plantilla o una página extraída llena de códigos como é y &, usa el codificador y decodificador de entidades HTML de este sitio: convierte en ambos sentidos, entiende mezcladas las tres notaciones y te deja escapar solo los cinco caracteres peligrosos o todo lo que no sea ASCII. Corre completo en tu navegador, así que puedes pegar contenido confidencial sin que se suba a ningún servidor.