Acentos y caracteres especiales HTML

En el idioma español existen caracteres que no se usan en idiomas anglosajones. La letra ñ y las vocales acentuadas mayúsculas y minúsculas, son caracteres únicos del idioma castellano y por ello se les conocen como caracteres especiales HTML.

Aunque hoy esto está resuelto con los juegos de caracteres, la etiqueta meta charset que va en el head en HTML, conviene conocer los códigos que nos permiten insertar estas entidades especiales en HTML.

La estructura de estos códigos puede redactarse de dos maneras: indicando el nombre de la entidad dentro del código o indicando el valor numérico de la entidad.

En el ambos casos la estructura comienza con el símbolo & o ampersand y terminan con un punto y coma (;). Con los valores numéricos se debe anteponer al número de la entidad el símbolo # numeral o almohadilla. También existen los códigos hexadecimales, estos se indican anteponiendo además del símbolo numeral la letra equis (x).

Esta estructura también es seguida cuando queremos presentar caracteres usados para el lenguaje HTML (<>, &, #). También pueden usarse para escribir símbolos que no se encuentran en los teclados latinos, como letras griegas por ejemplo.

Veamos a continuación una tabla básica que nos pude ser útil como consulta rápida.

Caracteres especiales.

Caracter	Secuencia	Secuencia numérica
<	&lt;	&#139;
>	&gt;	&#155;
&	&amp;	&#38;
"	&quote;	&#34;
©	&copy;	&#169;
®	&reg;	&#174;
	&nbsp;	---
°	&deg;	&#176;
»	&raquo;	&#187;
¿	&iquest;	&#191;
–	---	&#8211;
—	---	&#8212;

Acentos

Caracter	Secuencia	Secuencia numérica	Caracter	Secuencia	Secuencia numérica
á	á	á	Á	Á	Á
é	é	é	É	É	É
í	í	í	Í	&IacUte;	Í
ó	ó	ó	Ó	Ó	Ó
ú	ú	ú	Ú	Ú	Ú
ü	ü	ü	Ü	&Uumil;	Ü
ñ	ñ	¤	Ñ	Ñ	¥
¡	---	¡	¿	---	¿

Para referencias más amplias:

Caracteres y símbolos

Caracteres especiales

Unicode 7.0 Character Code Charts