Tabla de contenidos
Luego de ver los aspectos básicos de HTML, en este capítulo se presentan aspectos avanzados como el manejo de caracteres y símbolos especiales, el manejo de enlaces a partes específicas de un documento, y para terminar, una introducción al manejo de tablas en los documentos HTML.
En lo relacionado con los valores de los atributos y el contenido de los elementos, es posible introducir al momento de la edición cadenas de texto donde se utilicen cualquier clase de carácteres y símbolos de acuerdo a nuestro idioma y su correspondiente alfabeto. Sin embargo, al momento de la visualización del documento en un navegador Web pueden haber diferencias con respecto a lo que se ingresó, y pueden mostrarse carácteres que no corresponden a los esperados. Este es el caso de las vocales con tilde en español y la letra ñ, así como muchos otros carácteres especiales como el símbolo para el euro (la moneda), el símbolo de copyright, etc. Igual ocurre en otros idiomas, especialmente cuando no utilizan nuestro alfabeto.
HTML provee una facilidad para escribir estos carácteres por medio de entidades, de forma que los navegadores los muestren tal cual como queremos que aparezca. Estas entidades se manejan con códigos, que pueden ser escritos con letras o con números, como aparece en la siguiente tabla:
Tabla 3.1. Algunos ejemplos de caracteres especiales en HTML
Símbolo | Entidad |
< (Menor que) | < |
> (Mayor que) | > |
& (Ampersand) | & |
" (Comillas) | " |
á | á |
Á | Á |
é | é |
ñ | ñ |
En la especificación oficial de HTML se puede observar el detalle de las entidades válidas para HTML en la codificación Latin 1, que es la que habitualmente se usa en este lado del mundo para la visualización de documentos.[2]
Existen otros símbolos que habitualmente necesitamos usar en los
documentos HTML, como los retornos de línea. Dado que la sintaxis de
HTML permite retornos de línea en el código sin alterar el resultado,
especialmente cuando se trata del contenido de los elementos, es
necesario escribir en el código que explícitamente los vamos a mostrar.
La forma de forzar un retorno de línea
es utilizando la etiqueta <br>
, que habitualmente no
necesita etiqueta de cierre.
Por otro lado, a veces necesitamos que dos palabras funcionen como
una sola, a pesar de que tienen espacio, como la referencia a una figura
(Figura 1), o una marca (Coca Cola), y no queremos que se separen de
línea las dos palabras sea cual sea la razón. En ese caso hay que
reemplazar el espacio por una entidad HTML especial, que es la entidad
de espacio de no-rompimiento
. En todo caso se recomienda no abusar de la
utilización de esta entidad, especialmente para dar formato al
documento, lo cual suele ser un vicio frecuente iniciando con
HTML.
Ejemplo 3.1. Utilizando retornos de línea y espacios de no-rompimiento en el contenido de los elementos
<p>Pedro Perez<br> Director del Departamento de Ventas<br> Mi Compañía, Sede Bogotá<br> 2009<p>
[2] La dirección del apartado con los caracteres especiales es http://www.w3.org/TR/html4/sgml/entities.html. También se puede obtener una guía visual de caracteres especiales en HTML y XHTML en la dirección http://www.digitalmediaminute.com/reference/entity/index.php.