HTML y XHTML, la diferencia

Comparar HTML (Hypertext Markup Language o Lenguaje de Marcado de Hipertexto) y XHTML (Extensible Hypertext Markup Language o Lenguaje Extensible de Marcado de Hipertexto) en un navegador podría ser como comparar dos gemelos idénticos. Pero, si miramos su estructura de código, hay un punto en cual podemos fijarnos donde se encuentra la diferencia. Básicamente esto es debido a que XHTML se deriva de HTML y se conforma junto con los estándares de XML. La mayor diferencia entre los dos es lo estricto de XHTML: Si alguien programando en HTML se pierde en alguna parte de su estructura como por ejemplo olvida cerrar una etiqueta o tag HTML, el resultado en un navegador será optimo (casi siempre), como si no hubiera cometido ningún error, en cambio con XHTML la cosa no es tan sencilla.



La necesidad de XHTML surge entonces del hecho de que al ser HTML tan “complaciente” las páginas no siempre tenían el mismo aspecto en diferentes navegadores.

Veamos algunas características y reglas comparativas entre HTML y XHTML:






Los elementos vacíos deben cerrarse siempre:

Incorrecto:

<br>

Correcto:

<br></br> o <br/> o  <br />

Los elementos no vacíos también deben cerrarse siempre:

Incorrecto:

<p>Primer párrafo<p>Segundo  párrafo

Correcto:

<p>Primer  párrafo</p><p>Segundo párrafo</p>

Los elementos anidados deben tener un correcto orden de apertura/cierre (el que se abre último, debe cerrarse primero).

Incorrecto:

<em><strong>Texto</em></strong>

Correcto:

<em><strong>Texto</strong></em>

Los valores de los atributos deben siempre ir encerrados entre comillas (simples o dobles).

Incorrecto:

<td rowspan=3>

Correcto:

<td rowspan="3">

Correcto:

<td rowspan='3'>

Los nombres de elementos y atributos deben ir en minúsculas.

Incorrecto:

<A HREF="http://comudo.blogspot.com">Comudo</A>

Correcto:

<a  href="http://comudo.blogspot.com">Comudoe</a>

No está permitida la minimización de atributos (se usa el nombre del atributo como valor).

Incorrecto:

<textarea  readonly>Solo-lectura</textarea>

Correcto:

<textarea readonly="readonly">Solo-lectura</textarea>

Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.

Incorrecto:

<font  color="#0000FF">Blue text</font>

Correcto:

<span >Blue text</span>

El rigor y la racionalización general de los estándares que pasaron de HTML a XHTML estaban destinados a obtener la limpieza del código que se necesita para mejorar aún más la optimización y rendimiento de páginas web. XHTML nos ha permitido también crear código modular que se puede utilizar varias veces en varios proyectos.

Parte del éxito de HTML se debe al el hecho de que fue un lenguaje muy permisivo. Lo que sea que pusieras en el código, el navegador trataba de hacerle sentido e interpretarlo. Con el tiempo, la tecnología de los navegadores fue mejorando y el diseño de páginas web se convirtió más complejo, la característica simple de HTML empezó a perder peso frente a la estructura XHTML.

Actualmente la versión de XHTML es 1.0 y se espera el lanzamiento de HTML 5. El Consorcio internacional World Wide Web ( W3C ), publicó en Enero de este año el primer borrador público de la quinta versión de HTML. Algunas características de esta nueva versión son técnicamente similares a las etiquetas:

<div>

y

<span>

pero tienen un significado semántico, como por ejemplo

<nav>

(bloque de navegación del sitio web) y

<footer>

Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos

<audio> y <video>.

La evolución de HTML ha sido:

HTML 1.0

HTML 2.0

HTML 3.0

HTML 3.2

HTML 4.0

XHTML 1.0