Introducción a XHTML

XHTML es HTML escrito en formato XML.

¿Qué es XHTML?

  • XHTML se refiere a HyperText Markup Language extensible
  • XHTML es prácticamente idéntico a HTML 4.01
  • XHTML es una versión de HTML más estricta y más pura
  • XHTML se define como HTML aplicado a XML
  • XHTML es enero de 2001estándar recomendado por W3C
  • XHTML es compatible con todos los navegadores principales

¿Por qué usar XHTML?

Muchos sitios web en Internet contienen HTML 'malo'.

Si se ve en el navegador, el código HTML siguiente se ejecuta muy bien (aunque no sigue las reglas de HTML):

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>HTML malo
<p>This is a paragraph
</body>

XML es un lenguaje de marcado que debe estar bien marcado y bien formado.

Si deseas aprender XML, lee nuestro Tutoriales XML.

En el mundo tecnológico actual existen diferentes tecnologías de navegadores. Algunas se ejecutan en computadoras, mientras que otras pueden ejecutarse en teléfonos móviles u otros dispositivos pequeños. Los dispositivos pequeños a menudo carecen de recursos y capacidades para interpretar lenguajes de marcado 'malos'.

Por lo tanto, al combinar las ventajas de XML y HTML, se desarrolló XHTML. XHTML es HTML rediseñado como XML.

La principal diferencia en comparación con HTML es:

estructura del documento

  • El DOCTYPE XHTML esobligatorio
  • La propiedad XML namespace en <html> esobligatorio
  • Los <html>, <head>, <title> y <body> también sonobligatorio

sintaxis de elemento

  • Los elementos XHTML debencorrectamente anidados
  • Los elementos XHTML deben estar siemprecerrar
  • Los elementos XHTML debenminúsculas
  • El documento XHTML debe tenerun elemento raíz

sintaxis de atributo

  • Los atributos XHTML deben usarminúsculas
  • Los valores de atributo XHTML deben usarenvuelto en comillas
  • La minimización de atributos XHTML también esProhibido

¡<!DOCTYPE ....> es obligatorio!

El documento XHTML debe declarar el tipo de documento XHTML (XHTML DOCTYPE declaration).

Puedes encontrar la referencia completa de etiquetas en el manual de referencia de CodeW3C.com Tipo de documento XHTML.

Los elementos <html>, <head>, <title> y <body> también deben existir y deben usar la propiedad xmlns en <html> para especificar el espacio de nombres XML del documento.

El siguiente ejemplo muestra un documento XHTML con la menor cantidad de etiquetas necesarias:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Título del documento</title>
</head>
<body>
......
</body>
</html>

Cómo convertir de HTML a XHTML

  1. Añade <!DOCTYPE XHTML> en la primera línea de cada página
  2. Añade la propiedad xmlns al elemento html de cada página
  3. Cambia todos los nombres de elemento a minúsculas
  4. Cierra todos los elementos vacíos
  5. Cambia todos los nombres de atributo a minúsculas
  6. Añade comillas a todos los valores de atributo

Verifica tu XHTML con el validador W3C

Escribe tu dirección web en el siguiente cuadro de texto:

Pruebas de XHTML

La prueba contiene 20 preguntas y no hay límite de tiempo.

Esta prueba es informal y es una buena manera de entender tu nivel de conocimiento de XHTML.

Cada respuesta correcta vale 1 punto. Al final de la prueba, se mostrará tu puntuación total. La puntuación máxima es de 20 puntos.

Comienza la prueba de XHTML