Lenguaje XHTML/Estructura básica

Vamos a explicar la estructura básica que todo documento XHTML debe tener.

Declaración XML

editar

Siempre que la codificación de caracteres del documento XHTML no sea UTF-8 o UTF-16, éste deberá incluir una declaración XML. Esta declaración XML deberá estar situada al comienzo del documento XHTML.

La siguiente declaración XML debería estar presente en todos los documentos XHTML con una codificación de carácteres ISO-8859-15:

<?xml version="1.0" encoding="ISO-8859-15"?>

Declaración DTD

editar

Todo documento XHTML debe incluir una declaración DTD. Ésta deberá aparecer antes del elemento raiz del documento XHTML.

En el caso de un documento XHTML 1.1 la declaración DTD debería ser la siguiente:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Elemento html

editar

Lenguaje XHTML/Plantillas/Elemento

El elemento html es el elemento raiz de un documento XHTML. Este elemento nos indica el comienzo y final de un documento XHTML.

Si la página utiliza frames, el elemento body será remplazado por el elemento frameset.

version="CDATA"

Este atributo especifica que tipo de documento XHTML está utilizando el documento. El formato del valor de este atributo no está especificado, de forma que todos los valores que comiencen por la secuencia xhtml están reservados para ser usados por los documentos XHTML.

xmlns="http://www.w3.org/1999/xhtml"

Este atributo define el espacio de nombres que va a ser utilizado en el documento. El enlace al espacio de nombres se utiliza sólo como identificador, en esa dirección no hay ninguna definición sobre el espacio de nombres que pueda entender el navegador.

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

Este atributo define el espacio de nombres que va a ser utilizado en el XML Schema localizado mediante el atributo xsi:schemaLocation.

xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd"

Este atributo permite la especificación de una dirección donde pueda ser encontrado un XML Schema para el documento.

Ejemplo de un elemento html completo:

<html id="a1"
      version="xhtml 1.1"
      xml:lang="es"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">
</html>

Elemento head

editar

Lenguaje XHTML/Plantillas/Elemento

El elemento head contiene información sobre el documento que no es considerada contenido del documento. El contenido de este elemento generalmente no es visualizado.

profile="URI"

Este atributo especifica la dirección de uno o más perfiles de meta datos, separados por un espacio.

Ejemplo de un elemento head completo:

<head id="a2" profile="http://es.wikibooks.org/meta" xml:lang="es">
</head>

Elemento title

editar

Lenguaje XHTML/Plantillas/Elemento

El elemento title es utilizado para identificar el documento. Su contenido será mostrado como el título del documento.

Ejemplo de un elemento title completo:

<title id="a3" xml:lang="es">Documento XHTML básico</title>

Elemento body

editar

Lenguaje XHTML/Plantillas/Elemento

El elemento body recoge el contenido del documento. Dentro de este elemento se incluirán todos aquellos otros elementos que formen la parte visible de la web.

Documento XHTML básico

editar

Según lo que hemos visto en los apartados anteriores, éste sería el ejemplo más básico de una página web:

<?xml version="1.0" encoding="ISO-8859-15"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html version="xhtml 1.1"
       xml:lang="es"
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">
     <head>
         <title>Documento XHTML básico</title>
     </head>
     <body>
     </body>
 </html>

Los saltos de línea y el sangrado que aplicamos a los ejemplos de código no son necesarios, pero es recomendable adquirir estos hábitos de cara a hacer más comprensible el código y ver más clara la estructura del documento.


← Etiquetas y elementos Estructura básica La cabecera del documento →
Lenguaje XHTML