XHTML
XHTML (Lenguaje de Marcado de Hipertexto Extensible), desarrollado por el World Wide Web Consortium (W3C) en 2000, es una versión ampliada del popular HTML. Es el mismo HTML, pero definido como una aplicación XML, lo que combina las ventajas de HTML y XML.
XHTML conserva todas las características de HTML, pero introduce reglas más estrictas para crear páginas, lo que te permite hacer sitios independientes del dispositivo de visualización y del navegador. Esto significa que el sitio se mostrará correctamente en todos los navegadores y plataformas modernas, como computadoras, smartphones, PDA, etc.
XHTML es compatible con todos los navegadores modernos.
Diferencia entre HTML y XHTML
Siempre debes usar <!DOCTYPE ....>. Un documento XHTML debe incluir una declaración Doctype XHTML. Otros elementos requeridos son las etiquetas
<html>,<head>,<title>y<body>.Ejemplo de documento XHTML con elementos requeridos:
XHTML vs HTML
<!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>Title of the document</title>
</head>
<body>
Content of the page
</body>
</html>- Debes insertar correctamente los elementos XHTML. En un documento XHTML, no puedes anidar elementos de forma incorrecta. Debe verse así:
Anidación de elementos XHTML
<strong>
<em>This text is bold and italic</em>
</strong>- A diferencia de HTML, donde a veces podemos omitir la etiqueta de cierre, en XHTML la etiqueta de cierre siempre es obligatoria:
Etiquetas de cierre XHTML
A break: <br/>
A horizontal rule: <hr/>
An image: <img src="smile.gif" alt="Always smile" />- En XHTML se distinguen las etiquetas en minúsculas y mayúsculas. Para evitar confusiones, todas las etiquetas, así como sus atributos, deben escribirse en minúsculas:
Etiquetas XHTML en minúsculas
<body>
<p>Some paragraph</p>
</body>- Debes escribir los atributos XHTML en minúsculas, así:
Atributos XHTML en minúsculas
<table width="100%">- Debes poner los valores de los atributos entre comillas, así:
Valores de atributos XHTML entre comillas
<table width="100%">- No puedes minimizar los atributos. El atributo abreviado no tiene un valor asignado. A un atributo se le puede asignar un valor que coincida con el nombre. No debería verse así:
Asignación de atributos XHTML
<input type="checkbox" name="flower" value="rose" checked />En su lugar, debe verse así:
Ejemplo de asignación de atributos XHTML
<input type="checkbox" name="flower" value="rose" checked="checked" />- Es mejor usar el atributo
iden lugar dename. En XHTML, el atributonameestá parcialmente obsoleto, por lo que se recomienda usar el atributoid.
Beneficios de XHTML
- El hecho de que en XHTML todas las etiquetas deban cerrarse y anidarse correctamente hace que el código se vea mucho más limpio.
- XHTML usa menos ancho de banda, lo que reduce el costo, especialmente si tu sitio tiene miles de páginas.
- Gracias a que está bien formado, los documentos XHTML se transportan fácilmente a dispositivos inalámbricos, lectores Braille y otros entornos web especializados.
- XHTML funciona con CSS para crear páginas web fácilmente.
XHTML vs HTML
HTML es el principal lenguaje de marcado para crear páginas web, mientras que XHTML, como se mencionó anteriormente, es su versión ampliada. HTML es una aplicación de Standard Generalized Markup Language (SGML), mientras que XHTML es una aplicación de XML. HTML se extiende a partir de SGML, y XHTML a partir de XML y HTML. HTML fue creado por Tim Berners-Lee en 1987(Wikipedia)y XHTML fue propuesto por World Wide Consortium en 2000 (Wikipedia). Y la última diferencia entre estos dos es el marco flexible que requiere un analizador específico de HTML permisivo en el caso de HTML y un subconjunto restrictivo de XML que necesita ser analizado con un analizador XML estándar en el caso de XHTML.
XHTML vs HTML5
XHTML distingue entre mayúsculas y minúsculas, mientras que HTML5, al igual que HTML, no lo hace. XHTML tiene doctype mucho más complejos que HTML5. La siguiente diferencia es la compatibilidad con navegadores: HTML5 es compatible con todos los navegadores modernos, mientras que XHTML también es compatible, pero requiere una configuración adecuada del tipo MIME (application/xhtml+xml) para analizarse estrictamente. HTML5 es el estándar moderno para todos los dispositivos, mientras que XHTML se considera en gran medida heredado. Y otra diferencia es que HTML5 es más permisivo que XHTML.
Práctica
What are some characteristics of XHTML (Extensible Hypertext Markup Language)?