Unidad 12. HTML desde Dreamweaver (II)

12.2. Entidades HTML

HTML también dispone de códigos especiales para representar caracteres especiales como pueden ser letras con acentos o no pertenecientes al alfabeto latino internacional, signos de puntuación o tipográficos y símbolos especiales que presenten un problema en HTML como < ó >, que podrían malinterpretarse por el inicio de una etiqueta.

Estos códigos pueden mostrarse como un código numérico o con un nombre de entidad. Ambos métodos son igualmente aceptables, pero ambos deberán ir encerrados entre los símbolos & y ;.

De este modo, < se escribirá como &lt; o &#60;

Usar este método es muy aconsejable, de esta forma los navegadores que estén configurados para visualizar juegos de caracteres que no contengan letras como la ó o la ñ podrán ver el sitio correctamente. En caso contrario estos caracteres se mostrarían de forma extraña si no elegimos la codificación adecuada.

 

En el tema 4 vimos que podíamos escribir estos caracteres utilizando el menú Insertar. Ahora te mostraremos otra forma para escribir caracteres que no se incluían en el listado de Dreamweaver y que podrás insertar escribiendo sus entidades en la vista de Código.

Aquí tienes una tabla de los caracteres más utilizados con sus Entidades HTML numérica y de nombre de entidad:

Carácter	Entidad con nombre	Entidad numérica		Carácter	Entidad con nombre	Entidad numérica
á	á	á		Á	Á	Á
é	é	é		É	É	É
í	í	í		Í	Í	Í
ó	ó	ó		Ó	Ó	Ó
ú	ú	ú		Ú	Ú	Ú
ü	ü	ü		Ü	Ü	Ü
ñ	&ntide;	ñ		Ñ	Ñ	Ñ
¿	¿	¿		α	α	α
¡	&iexc;	¡		β	β	β
–	–	–		©	©	©
→	→	→		®	®	®
←	←	←		€	€	€
<	&lt;	&#60;		espacio	&nbsp;	&#160;
>	&gt;	&#62;
&	&amp;	&#38;

Si escribes más de un espacio en el código de Dreamweaver, cuando lo visualices en un Navegador sólo veras uno. Esto es debido a que en HTML las palabras separadas por más de un espacio se visualizan separadas de uno.

Para saltarte esta norma puedes escribir tantas veces como quieras &nbsp; y se visualizarán tantos espacios como elementos de entidad hayas introducido.

Antes de abusar de este tipo de espacios, piensa si no convendría más añadirle margin o padding CSS.

 

Si quieres ver una tabla con el listado de todos los caracteres especiales visita el avanzado Listado de Entidades HTML .