Introduccin

XHTML significa Lenguaje de Marcado de Hipertexto Extendido. Se utiliza para generar documentos y contenidos de hipertexto generalmente publicados en la WEB. Es adems una reformulacin del lenguaje HTML que se puede jactar de ser ahora compatible con XML. Un lenguaje de marcado nos permite dejar indicaciones (marcas) en un documento que sirven para diferenciar distintos tipos de contenidos, estructuras o secciones. Por ejemplo hay marcas (elementos, etiquetas) que pueden "marcar" qu es un ttulo, y su lugar en una jerarqua de importancia, o advertir que una palabra debe estar enfatizada, o bien que una oracin es adems un enlace hacia otro recurso. Todo esto, es posible de marcar sin ambigedades con el correcto uso de XHTML. Otra de sus virtudes es que est ideado para mantener una saludable separacin entre el contenido y el diseo. Es decir, que uno no afecte al otro, y se puedan modificar independientemente. A medida que avancen y conozcan la aplicacin de CSS (hojas de estilo) a los documentos notarn tal separacin de manera evidente. El XHTML est diseado para que sea funcional no slo a los navegadores sino a varios dispositivos WEB (telfonos mviles, porttiles, etc). A lo largo de este manual haremos uso del trmino agente de usuario para referirnos a estos dispositivos capaces de interpretar documentos XHTML. Antes de seguir puedes recorrer estos enlaces en Internet para tener una introduccin ms amplia y conocer algo sobre la historia de estos lenguajes:

Lenguajes de Marcado SGML HTML XML XHTML CSS W3C (World Wide Web Consortium)

NOTA: A lo largo de ste manual muchas palabras apuntarn a la enciclopedia libre Wikipedia y a otros sitios, en un intento de poder ofrecer mayor informacin o ampliar

explicaciones sobre temas y conceptos que escapan al alcance de los objetivos de este manual.

Fichero XHTML, editor y navegador web

El fichero de un documento XHTML, en s, es un archivo de texto plano generalmente con alguna de estas extensines: .html, .htm, o bien .xhtml. Los agentes de usuario interpretan estos archivos y procesan el cdigo para mostrarlos en pantalla. Es conveniente que a medida que aparezcan ejemplos, practiquen escribiendo sus propios documentos XHTML. Pueden editar los ficheros utilizando un editor de textos planos como el bloc de notas de Windows por ejemplo y para poder visualizar los resultados del documento un navegador web (o cualquier otro agente de usuario que interprete XHTML). Utilicen el editor que ustedes quieran, y al guardarlo se recomienda elegir alguna de estas extensiones, para que su sistema operativo reconozca rpidamente el tipo de fichero (.html, .htm, .xhtml.) La eleccin del agente de usuario es menos trivial y se presta a discusin ya que por ejemplo algunos navegadores no cumplen de manera apropiada con los estndares (recomendaciones) que la W3C propone y que intenta respetar este manual. Personalmente opto por elegir Mozilla Firefox o Chrome, puedes utilizar el que t quieras pero asegrate de que cumpla mnimamente con los estndares para que los ejemplos aqu presentados funcionen de manera apropiada.

Etiquetas
En la escritura de los documentos nos valdremos de etiquetas (marcas) como principal elemento de sintaxis, que para diferenciarse del contenido, estn encerradas por parntesis angulares. Ejemplo del uso de etiquetas, con el elemento p (prrafo):

NOTA: Es importante notar el espacio que queda entre el fin de la palabra y la barra, en la versin resumida, de esta manera se conserva compatibilidad con algunos agentes de usuario que no reconocen la etiqueta sin ese espacio. Las etiquetas de apertura pueden contener atributos que especifican caractersticas particulares de sta. Los atributos tienen un nombre seguido de un igual y entre comillas el valor de tal atributo. Ejemplo del elemento a con atributos:

Con esta etiqueta se construyen los vnculos. Tanto los elementos, cmo los atributos y valores, deben escribirse en letras minsculas. Los valores de los atributos van obligatoriamente entre comillas (incluso cuando estos valores sean nmeros). Los elementos soportan anidamiento (con algunas condiciones que ya conoceremos). Ejemplo de anidamiento con los elementos a e img:

Primer documento XHTML

Es una declaracin XML, dnde especficamos el atributo enconding con el valor UTF-8. Este debera ser suficiente en la mayora de los casos. Si quieres conocer el por qu, puedes investigar ms sobre: la codificacin de caracteres y UTF-8 en el sitio web de Wikipedia.

Este es el encabezado que deberan llevar todos los documentos XHTML1.0 estrctos acordes a las especficaciones de la W3C. Es un aviso para que el agente de usuario sepa que tipo de documento va a interpretar. Para ser ms especficos diremos que al ser un documento de tipo strict.dtd, los elementos utilizados sern slo los includos en el lenguaje XHTML 1.0. Si utilizaramos etiquetas antiguas y declararamos el documento cmo estricto, no podramos validar nuestra pgina XHTML. NOTA: Fijarse adems que hay un salto de lnea a la mitad de la etiqueta, este no es interpretado y tampoco lo es en el contenido a menos que lo explicitemos con la etiqueta />. Simplemente se incluyen saltos de lnea para hacer el cdigo ms legible. Hay otros dos tipos de documentos que mantienen compatibilidad con HTML 4 y soporte de frames, que no trateremos en este manual, ya que prefiero explicar un uso ms estrcto del lenguaje. Declaracin de documentos Transitional:

Para la lengua castellana este valor es es. Puedes averiguar los cdigos de otras lenguas en el sitio web http://es.wikipedia.org/wiki/ISO_639-1.

Al probar el ejemplo slo veran el texto del prrafo, mas o menos as: Primer documento XHTML, es decir un, Hola mundo