Introducción a XHTML

Etiquetas

Las etiquetas (tags) en XHTML proporcionan información adicional al cliente que visualiza el documento. Un documento sin ninguna etiqueta no resaltará ninguna parte del texto.

  1. Sintaxis de las etiquetas
  2. Atributos
  3. Elementos
  4. Sensibilidad a mayúsculas

1. Sintaxis de las etiquetas

Las etiquetas en HTML son códigos especiales que están contenidos en un documento. Se usan caracteres especiales para delimitarlas. La etiqueta para iniciar el enfatizado de texto se muestra a continuación:

<em>enfatizado</em>

Las etiquetas, por lo general, se agrupan por pares: uno inicia la acción, mientras su par la finaliza. La etiqueta para finalizar el enfatizado es </em>. Como se puede ver, el par de final de acción es el mismo que el de inicio precedido por un carácter de barra inclinada (/).

Cuando las etiquetas no tienen ningún contenido entre la etiqueta de apertura y la de cierre, ya sea por que no deseamos poner nada o por que normativamente carecen de contenido, se pueden condensar en una etiqueta que se autocierra. Así, estas dos expresiones son equivalentes:

<a></a>
<a/>

Ahora bien, esta característica no era reconocida por el HTML antiguo, así algunos navegadores puede que no procesen bien la etiqueta. Para evitar esos casos, se recomienda poner siempre un espacio delante de la barra inclinada (/). Así por ejemplo, escribiremos:

<br />

Los caracteres '<' y '>' son códigos reservados. Si se quieren mostrar dichos caracteres dentro del texto, se debe utilizar el concepto de entidades que se verá en el siguiente punto.

2. Atributos

Las etiquetas pueden contener atributos, que son parámetros particulares de la etiqueta que puede modificar su comportamiento, apariencia o simplemente identificar a un elemento del documento.

Los atributos se especifican mediante una claúsula atributo="valor" dentro de la etiqueta, siendo las comillas obligatorias, aunque se pueden usar tanto comillas dobles (") como simples ('), pero no nunca mezclar las dos. Por ejemplo:

<ol id='tablaDeContenidos'>
<li class="EntradaDelIndice">...</li>
...
</ol>

3. Elementos

Con lo que hemos visto hasta ahora, es fácil darse cuenta que en el uso de la etiquetas estamos manejandos tres tipos de información:

La agrupación de estos tres componentes es lo que en el mundo del XML y del XHTML se conoce como elemento. Por tanto, en este ejemplo:

<li class="EntradaDelIndice">Este es un <b>subtítulo</b></li>

se define un elemento tal que:

  1. Se llama "li".
  2. Tiene un atributo "class" cuyo valor es "EntradaDelIndice".
  3. Su contenido es "Este es un <b>subtítulo</b>".

4. Sensibilidad a mayúsculas

HTML no distinguía mayúsculas de minúsculas; esto es, la etiqueta podía escribirse como <EM> y </EM>, o como <Em> y </eM>. Sin embargo XML sí que distingue y en consecuencia XHTML también. Las etiquetas en XHTML deben escribirse en minúsculas.

Copyright © 2011-2012 Mariano Martín Nevado Términos de uso