CURSO DE HTML 4.01

Elementos de HTML 4.01, etiquetas, atributos. Base del actual HTML5.

Caracteres especiales

Algunos caracteres especiales se representan en HTML con un código o número denominado entidad. La siguiente lista contiene sólo los de uso más frecuente. Podemos utilizar el código del número o el código del nombre en forma indistinta (no todos los caracteres especiales tienen nombre).

Ejemplo: para escribir: "texto entre comillas", utilizaremos
el siguiente código:

 <P>&#8220;texto entre comillas&#8221</P>
Entidad Caracter Descripción
&nbsp;   espacio de no separación
&iexcl; ¡ signo de exclamación, apertura
&copy; © copyright - derechos de autor
&laquo; « comillas angulares, apertura
&reg; ® marca registrada
&sup2; ² superíndice, cuadrado (también se puede realizar con la etiqueta SUP)
&sup3; ³ superíndice, cúbico (similar al anterior)
&raquo; » comillas angulares, cierre
&iquest; ¿ signo de interrogación - apertura
&Aacute; Á A con tilde
&Eacute; É E con tilde
&Iacute; Í I con tilde
&Oacute; Ó O con tilde
&Uacute; Ú U con tilde
&aacute; á a con tilde
&eacute; é e con tilde
&iacute; í i con tilde
&ntilde; ñ eñe
&uacute; ú u con tilde
&#8220; comillas, apertura
&#8221 comillas cierre

Lista completa de caracteres ASCII con su entidad HTML.

En Dreamweaver podemos insertarlos directamente ingresando al menú Insertar/HTML/Caracteres especiales o Carácter, según la versión.

Para indicar al navegador el juego de caracteres que estamos utilizando, insertamos una línea en la cabecera del docmento (entre las etiquetas HEAD, luego del título o la etiqueta meta descripción) con el siguiente código:

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

Esta etiqueta lee correctamente los acentos y otros caracteres sin tener que escribir la entidad. En algunos servidores, y también para realizar newsletters, por ejemplo, debemos cambiar este juego de caracteres (utf-8) por el iso-8859-1, a continuación el código:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Si utilizamos un programa como Drewamweaver, al crear el documento con esta cabecera cambiará automáticamente los caracteres especiales por las entidades al escribir en la vista diseño. Si trabajamos con el bloc de notas, tendremos que hacerlo a mano.

Actualización: enero, 2021. Elena Navntoft.