Los X-Men son como XHTML a HTML para los humanos. Esto significa que muchos lo consideran el siguiente paso en la evolución del futuro del lenguaje de marcado de los navegadores web. Descubrir qué es y cómo puede mejorar el crecimiento de su sitio web puede traer una serie de beneficios para su organización.
En esta publicación, discutiremos el propósito y los beneficios de usar XHTML. Además, descubrirá la diferencia entre HTML estándar y XHTML, así como las similitudes. También verá algunos ejemplos de código XHTML que muestran tanto la sintaxis válida como la no válida.
Empecemos.
¿Qué es XHTML?
Para entender XHTML, inevitablemente necesitas entender HTML ya que es una extensión de ese lenguaje. Pero también es una extensión XML; es decir, es más como un cruce entre dos idiomas.
El objetivo principal de XHTML es crear una forma más rigurosa de crear páginas web de manera consistente y esperada. XHTML funciona al permitirle escribir HTML estándar utilizando pautas estrictas de formato XML.
También vale la pena considerar que HTML no debe confundirse con HTML5, ya que son diferentes. HTML5 ha reemplazado en gran medida a XHTML y, a menudo, se considera la mejor opción.
Veamos una comparación entre XHTML y HTML.
XHTML y HTML
No hay mucha diferencia en su apariencia y comportamiento aparte de una sintaxis estricta. Veamos un ejemplo de código que muestra la diferencia entre el rigor y la sintaxis entre dos idiomas.
En HTML, la sintaxis para crear una página base es menos rígida, y el navegador suele compensar la sintaxis HTML no válida. Todos los navegadores modernos intentarán corregir el HTML dañado con algunas limitaciones, como cerrar una etiqueta no cerrada o aceptar valores de atributos faltantes.
Veamos esto primero con un ejemplo de un sitio web básico al que le faltan etiquetas.
<head>
<title>
Title of document
</title>
</head>
<body>
some content here...
</html>
Al código anterior le faltan etiquetas importantes como doctype y la etiqueta del cuerpo de cierre. Esta no es una sintaxis válida y debería causar un error. Sin embargo, la mayoría de los navegadores intentarán aceptar la información necesaria para la representación correcta de la página y los elementos. Mire el siguiente video para obtener más información sobre las diferencias entre XHTML y HTML.
En XHTML, estos errores de sintaxis provocarían errores y, en cambio, no representarían correctamente las páginas o los elementos. El código XHTML requerido para completar la página anterior se verá similar al código a continuación.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Title of document
</title>
</head>
<body>
some content here...
</body>
</html>
La información anterior es necesaria para que el sitio web esté libre de errores.
Por qué usar XHTML
El valor de XHTML es obvio cuando considera los estándares de la industria y los requisitos que impone, lo que lleva a mejores prácticas de programación. Además, muchos estándares de la industria están diseñados para aumentar la seguridad y la eficiencia.
Hacer cumplir estos estándares proporciona un entorno web más consistente para los usuarios en todos los navegadores, tanto en términos de diseño como de experiencia del usuario.
A continuación, veamos algunos ejemplos de sintaxis de código XHTML válido e inválido y examinemos en qué se diferencia del HTML estándar.
ejemplo XHTML
La mejor manera de aprender a comprender correctamente XHTML es conocer las reglas que impone; con este espíritu, los siguientes fragmentos de código lo ayudarán a familiarizarse con las reglas.
Un documento XHTML debe tener una declaración XHTML elementos,
,En XHTML, los elementos siempre deben estar correctamente anidados y cerrados como se muestra a continuación:
<p><b>Some text</b></p>
Escribir el código anterior con etiquetas anidadas o cerradas incorrectamente dará como resultado errores de validación. Esto también se aplica a los elementos vacíos, como una etiqueta de imagen.
<p><b>Some text</p></b>
<p><b>Some text</b>
Las dos líneas anteriores provocarían un error, la primera porque la etiqueta de cierre estaba en el orden incorrecto y la segunda porque faltaba la etiqueta de cierre. Además, XHTML distingue entre mayúsculas y minúsculas, y el uso de letras mayúsculas también dará lugar a errores de validación.
Algún texto
El código anterior causaría errores de validación debido a la etiqueta de párrafo en mayúsculas, esta distinción entre mayúsculas y minúsculas también se aplica a los atributos HTML. Esto significa que los atributos HTML, como el atributo href, deben declararse en minúsculas para evitar errores de validación. Finalmente, los atributos HTML no se pueden usar en su forma minimizada, lo que también dará como resultado errores de validación.<input type="text" name="lastname" disabled/>
El código anterior habría causado un error. En su lugar, expandirías apagado atributo a la forma completa como se muestra a continuación.
<input type="text" name="lastname" disabled="disabled"/>
Primeros pasos con XHTML
No hay mucho que aprender sobre XHTML, y esta publicación tiene casi todo lo que necesita para comenzar. Sin embargo, vale la pena señalar que la introducción de HTML5 ha superado en gran medida el uso de XHTML, y la mayoría de los desarrolladores lo prefieren al primero.
Con la introducción de HTML5, se reforzó la rigidez de XML al mismo tiempo que se ofrecían los beneficios de nuevas etiquetas y muchas otras funciones que mejoran la productividad. Cuál usar depende en gran medida de usted; solo asegúrese de hacer la investigación necesaria para comprender cuál es mejor para usted.