XHTML

 

Estructura de un documento XHTML

El DOCTYPE

El DOCTYPE sirve para indicar al navegador el tipo de documento del que se trata. Por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Por motivos de espacio, la línea del DOCTYPE aparece cortada. No importa, porque el navegador interpreta los saltos de línea en el codigo como espacios en blanco.

Siempre se debe incluir una declaración de tipo de documento. Para XHTML 1.0, la declaración tiene que ser una de las tres siguientes:

Strict: Se utiliza cuando se da formato a los textos a través de CSS (Cascading Style Sheets), o sea, cuando no se recurre a las etiquetas <font> etc, para controlar la forma en la que los navegadores muestran el contenido del documento. La declaración del tipo de documento debe ser de la siguiente manera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Transitional: Se utiliza cuando no se describe la presentación de los documentos por medio de hojas de estilo en cascada, prefiriendo realizarlo a base de etiquetas. Es el sistema adecuado para cuando se desea facilitar el acceso a usuarios con navegadores sin posibilidades de tratamiento de CSS. La declaración del tipo de documento debe ser de la siguiente manera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Frameset: Se utiliza cuando los documentos incorporan cuadros. La declaración del tipo de documento debe ser de la siguiente manera

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

El elemento raíz (HTML)

El resto de nuestro documento tiene que ir encerrado por la etiqueta <html>. E n esa etiqueta tenemos que indicar que se trata de un documento XTHML y en qué idioma está redactado.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

La cabecera (HEAD)

La cabecera contiene información que no forma parte del contenido de la página, como el título, vínculos a hojas de estilo CSS, información para robots de búsqueda, scripts, etc. Por ahora, nos quedaremos sólo con el título de la página. La cabecera va encerrada entre <head> y </head> y el título entre<title> y </title>

<head>

  <title>Título del documento</title>

</head>

El cuerpo (BODY)

Por último, nos encontramos con la etiqueta <body> que contiene el cuerpo del documento

<body>

  el Cuerpo del documento

</body>

Nuestra plantilla

En resumen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

  <head>

    <title>Título del documento</title>

  </head>

  <body>

    el Cuerpo del documento

  </body>

</html>

Ejercicios

ejercicio 1

Crea una página web sencilla a partir de la plantilla.

  1. ¿Dónde aparece el contenido de la etiqueta <title>?.
  2. Utiliza la herramienta de validación de documentos XHTML del W3C para validar tú página. ¿Qué sucede cuando lo hacemos?
  3. En XHTML 1.0 estricto, el elemento body no puede contener directamente texto. Utiliza la etiqueta <p> (párrafo) para corregir el problema y vuelve a validar tu página.