Entidades de caracteres especiales en HTML

En HTML, algunos caracteres distintos de los habituales de los lenguajes anglosajones son considerados como caracteres especiales. Dos ejemplos de caracteres especiales son las letras acentuadas o la letra eñe. En los últimos años se ha avanzado mucho en conseguir que cualquier navegador pueda leer todos los caracteres de todos los idiomas, pero recordemos también que aún hay mucha gente que accede a Internet con ordenadores antiguos y, por lo tanto, navegadores que también lo son y que no reconocen estos caracteres especiales. Por ello, en HTML existe una serie de códigos que permiten insertar estos caracteres especiales en nuestras páginas web.

Existen dos tipos de códigos para insertar estos caracteres especiales:

• Referencias a entidades de caracteres: es lo que comunmente se denomina “entidades” y se caracterizan porque se utilizan nombres simbólicos para referirse al caracter. Tienen la forma &nombre;. Por ejemplo: ñ es la entidad usada para la letra ñ (es como una n con tilde). Se distingue entre mayúsculas y minúsculas, por lo que por ejemplo, ñ (= ñ) es diferente que Ñ (= Ñ)
• Referencias numéricas de entidades: como su propio nombre indica, utilizan números para referirse al caracter. Las referencias numéricas pueden tener dos formas:
  • Referencias decimales: tienen la forma &#número;. Por ejemplo, ñ es la referencia numérica decimal de la letra ñ.
  • Referencias hexadecimales: tienen la forma &#xnúmero;. Por ejemplo, ñ es la referencia numérica hexadecimal de la letra ñ.

Para insertar un caracter especial en nuestro documento no hace falta mas que escribir la entidad o la referencia numérica en el lugar del caracter. Por ejemplo, para que se visualice la palabra “diseño” en nuestra página web, escribiremos “diseño”

Web Design Group ofrece una buena lista de entidades y referencias numéricas clasificadas en tres grandes bloques. Os recomiendo que utilicéis el código numérico puesto que en HTML4 no todos los símbolos existentes tienen su correspondiente entidad. Además, los navegadores Navigator anteriores a la versión 4 son incompatibles con las entidades.

Caben destacar algunos caracteres que generalmente utilizamos cuando introducimos código HTML y que son usados como secuencias de escape, es decir, si en una página web queremos escribir el símbolo < y que se visione correctamente, si lo introducimos directamente desde el teclado el navegador lo interpretará como el inicio de una etiqueta y no se visualizará, y sin embargo si usamos su correspondiente referencia se “escaparia” de ese proceso:

Es cierto que es incómodo tener que añadir de esta manera los acentos y demás caracteres latinos, pero acordaros que una página bien hecha es aquella que permite la entrada y visionado a todo el mundo. Además, muchos editores de HTML poseen una utilidad que sustituye automáticamente los caracteres especiales por entidades, y a una mala siempre os queda la utilidad “Buscar y Reemplazar” de muchos editores de texto para hacer menos tedioso este trabajo.

Fuente: W3C: HTML Document Representation.