Diferencias entre HTML y XHTML

¿Qué es el HTML?

El HTML (Hyper Text Markup Language) es un lenguaje que permite crear riqueza de contenidos (textos, imágenes, enlaces, diseños...) en Internet. Un archivo HTML contiene etiquetas (que definen el diseño) y texto. Un ejemplo minimalista de archivo HTML es:

<html>
<head>
<title>Título de la página;/title>
</head>
<body>
<h1>Título principal</h1>
</body>
</html>

Fácilmente accesible incluso para los principiantes de la informática, el HTML se ha impuesto como la norma de Internet para crear una página web. Los navegadores que analizan el HTML por lo general son muy permisivos, lo que significa que visualizarán lo más correctamente posible una página web aunque algunas etiquetas HTML contengan errores.

El HTML ha evolucionado con el tiempo, de modo que han ido apareciendo sucesivamente muchas versiones que añaden nuevas funciones: HTML 3.2, 4.0, 4.01... Para una misma versión, a veces hay incluso distintas variantes que añaden o eliminan algunos aspectos técnicos (por ejemplo el HTML 4.01 existe bajo 3 formas: Strict, Loose y Transitional).

¿Qué es el XHTML?

Directamente inspirado en el HTML, el XHTML es una reformulación de este que respeta la norma XML. El XML es un formato de texto sumamente potente y flexible. Es también muy estricto. De este modo, un analizador XML no admitirá errores de formato en un archivo XHTML. Pero cuando el documento es válido, esta exigencia se recompensa. Los navegadores pueden optimizar mejor sus motores, los desarrolladores pueden optimizar mejor sus páginas y a largo plazo esto facilitará el acceso y la estructuración de sus datos.

Los desarrolladores del XHTML planearon que todo el mundo utilizara este formato estricto en un breve plazo de tiempo, pero aún hay innumerables sitios web que no lo han adoptado todavía o, peor aún, que declaran que lo mantienen a pesar de que sus páginas no son válidas.

En XHTML, todas las etiquetas van siempre en minúscula (al contrario que el HTML, que es más permisivo).

Al igual que con el HTML, hay distintas versiones de XHTML: 1.0, 1.1, 2.0...

¿Qué es el HTML5?

Puedes informarte sobre el HTML5 en este artículo de Yakaferci.

¿Qué versión de HTML o de XHTML debo elegir para mi sitio?

La elección más adecuada depende de varios factores:

  • si tu sitio ya existe;
  • tus competencias informáticas;
  • el tiempo que tengas disponible para dedicarle;
  • si deseas que tu sitio sea accesible también con navegadores antiguos, que no empleen el HTML5;
  • la complejidad de tu sitio web, tanto en términos de visualización dinámica tipo AJAX como en términos de construcción dinámica de página con datos provenientes de una base de datos.

Claramente, si tu proyecto es nuevo y se puede permitir olvidarse de los navegadores más antiguos, te recomendamos adoptar el HTML5.

Si tu sitio ya existe en otra versión de HTML, desde el punto de vista del SEO no es necesario cambiar de versión.

Con respecto a las optimizaciones de los principales motores de búsqueda (SEO): de forma natural Google es totalmente capaz de indexar páginas HTML de forma permisiva. Sin embargo, cuanto mejor estén formateadas tus páginas, mejor podrá comprender su contenido.

Para indicar qué versión has elegido para tu página, basta con incluir el DOCTYPE al inicio del archivo. Tienes dos ejemplos:

  • para el HTML 5:
    <!DOCTYPE HTML>
  • para el HTML 4.01:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • para el XHTML 1.1:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

¿Cómo estar seguro de que mi página está bien configurada en HTML o XHTML?

Para ello basta con iniciar un análisis de Yakaferci, que analizará las declaraciones e iniciará una validación W3C.

Más información

Si este artículo te ha despertado interés por saber más sobre el tema del HTML/XHTML, aquí tienes algunos enlaces útiles:

La herramienta gratuita de Yakaferci para analizar las versiones HTML que utilizan tus páginas


Analizar gratis la página:
Analizar mi página


Para iniciar el análisis de Yakaferci, basta con introducir el enlace de tu página en el cuadro de arriba y pinchar en el botón Analizar. De este modo podrás acceder a las distintas páginas del informe, en especial la de las versiones de HTML.

Para más información...

También te pueden resultar útiles otros artículos de Yakaferci en la categoría Referencias y Técnica.