HTML - XHTML

XHTML es HTML escrito en formato XML.

¿Qué es XHTML?

  • XHTML significa Lenguaje de Marcado de Hipertexto Extensible
  • XHTML es casi idéntico a HTML 4.01
  • XHTML es una versión de HTML más estricta y más pura
  • XHTML es HTML definido como una aplicación XML
  • XHTML esenero de 2001Recomendación del W3C publicada
  • XHTML es compatible con todos los navegadores principales

¿Por qué usar XHTML?

Muchas páginas en Internet contienen HTML "malo".

Si se ve en un navegador, el siguiente código HTML funciona con normalidad (aunque no sigue las reglas HTML):

<html> <head> <meta charset="utf-8"> <title>Este es un HTML no estándar</title> <body> <h1>HTML no estándar<p>Este es un párrafo</body>

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

Si deseas aprender XML, lee nuestroTutorial de 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 los recursos y la capacidad para interpretar lenguajes de marcado "malos".

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

Las diferencias más importantes en comparación con HTML:

Estructura del documento

  • El DOCTYPE de XHTML esobligatorio
  • El atributo namespace XML en <html> esobligatorio
  • <html>, <head>, <title> y <body> también sonobligatorios

Sintaxis de elementos

  • Los elementos XHTML debenestar correctamente anidados
  • Los elementos XHTML siempre debencerrarse
  • Los elementos XHTML debenestar en minúsculas
  • Los documentos XHTML deben tenerun elemento raíz

Sintaxis de atributos

  • Los atributos XHTML deben usarminúsculas
  • Los valores de los atributos XHTML deben estarentre comillas
  • La minimización de atributos XHTML también estáprohibida

<!DOCTYPE ....> es obligatorio

Los documentos XHTML deben incluir una declaración de tipo de documento XHTML (XHTML DOCTYPE declaration).

Puedes encontrar la lista completa en el manual de referencia de etiquetas del Tutorial para novatosde tipos de documento XHTML.

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

El siguiente ejemplo muestra un documento XHTML con las etiquetas obligatorias mínimas:

<!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> <meta charset="utf-8"> <title>Título del documento</title> </head> <body>Contenido del documento</body> </html>

Los elementos XHTML deben estar correctamente anidados

En HTML, algunos elementos pueden no estar anidados entre sí, así:

<b><i>Texto en negrita y cursiva</b></i>

En XHTML, todos los elementos deben estar correctamente anidados entre sí, así:

<b><i>Texto en negrita y cursiva</i></b>

Los elementos XHTML deben tener etiqueta de cierre

Ejemplo incorrecto:

<p>Este es un párrafo<p>Este es otro párrafo

Ejemplo correcto:

<p>Este es un párrafo</p> <p>Este es otro párrafo</p>

Los elementos vacíos deben incluir etiqueta de cierre

Ejemplo incorrecto:

Salto de línea:<br>Línea horizontal:<hr>Imagen:<img src="happy.gif" alt="Happy face">

Ejemplo correcto:

Salto de línea:<br />Línea horizontal:<hr />Imagen:<img src="happy.gif" alt="Happy face" />

Los elementos XHTML deben estar en minúsculas

Ejemplo incorrecto:

<BODY> <P>Este es un párrafo</P> </BODY>

Ejemplo correcto:

<body> <p>Este es un párrafo</p> </body>

Los nombres de atributos deben estar en minúsculas

Ejemplo incorrecto:

<table WIDTH="100%">

Ejemplo correcto:

<table width="100%">

Los valores de atributos deben llevar comillas

Ejemplo incorrecto:

<table width=100%>

Ejemplo correcto:

<table width="100%">

No se permiten atributos abreviados

Ejemplo incorrecto:

<input checked> <input readonly> <input disabled> <option selected>

Ejemplo correcto:

<input checked="checked"> <input readonly="readonly"> <input disabled="disabled"> <option selected="selected">

Cómo convertir HTML a XHTML

  1. Agrega un <!DOCTYPE> XHTML a tu página web
  2. Agrega el atributo xmlns al elemento html de cada página.
  3. Cambia todos los elementos a minúsculas
  4. Cierra todos los elementos vacíos
  5. Modifica todos los nombres de atributos a minúsculas
  6. Agrega comillas a todos los valores de atributos

Usa el validador W3C para probar tu XHTML

Por favor ingresa tu URL en el campo de entrada a continuación:

Otras extensiones