XHTML

XHTML

Autor: F. Javier García Castellano
Web: http://decsai.ugr.es/~fjgc, Mail: fjgc@decsai.ugr.es

(C) GeNeura Team
Web: http://geneura.ugr.es, Mail: tutti@geneura.ugr.es

1. Introducción

XHMTL es una especificación del W3C que define un HTML escrito de forma que cumpla las normas sintácticas del XML. Como XHTML es una aplicación del XML, ha sido diseñado para ser ampliable (eXtensible).

XHTML ha sido diseñado pensando en la portabilidad, y en su visualización en diferente hardware (PCs, PDAs,Teléfonos, etc.). Aunque no es obligatorio los documentos XML pueden, y deberían, comenzar con una línea que describa la versión de XML, el tipo de documento y otras cosas.Aunque no hay ninguna obligación de que los documentos XHTML sean compatibles con las aplicaciones existentes, en la práctica es algo fácil de conseguir.

2. Diferencias con HTML 4.0

Debido al hecho de que XHTML es una aplicación XML, ciertas prácticas que eran perfectamente válidas en HTML 4.0, tiene que cambiar y son las siguientes:

Los nombres de las etiquetas de elementos y de los atributos tienen que estar en minúscula
Los valores de los atributos tienen que estar entre comillas dobles (") o simples (')
Todos los elementos tienen que estar cerrados, ya tenga contenido (<p> ... </p>) o no (<br/>)
Los elementos deben de estar correctamente anidados
Los valores de atributos iguales sin variantes no pueden ser simplificados
Algunos elemento son obligatorios (html,body, head...)
El elemento raiz del documento debe contener una declaración xmlns para el espacio de nombres de XHTML. Tiene que ser de esta forma:
- ```
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
              
```

Se debe incluir una declaración de tipo de documento. Tiene que ser una de tres las siguientes:

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

El contenido de los elementos <script> y <style> tienen que ser una sección CDATA
Incompatibilidades entre elementos. A continuación se detallan las incompatibilidades en el anidamiento de elementos. Esta prohibición es aplicable a todas las profundidades de anidamiento:
- a no puede contener otros elementos a
- pre no puede contener los elementos img, object big small , sub o sup
- button no puede contener los elementos input, select, textarea, label, button, form, fieldset, iframe o isindex.
- label no puede contener otros elementos label.
- form no puede contener otros elementos form.

Ejemplo

<?xml version="1.0" encoding="UTF-8"?>
<!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="en" lang="en">
  <head>
    <title>Virtual Library</title>
  </head>
  <body>
    <p>Moved to <a href="http://example.org/">example.org</a>.</p>
  </body>
</html>

Existe una utilidad llamada Tidy que puede transformar código HTML en XHTML.

3. Ejercicios

Ejercicio: Escoger una página HTML y pasarla a XML. Si no se os ocurre ninguna escoged esta misma, que no está bien formada :( . Probad como no funciona bien si el código XHTML no está bien formado, usad el Internet Explorer o el Mozilla.