Validación de páginas web y hojas de estilo

Validación de páginas web

Una de las principales diferencias entre los ordenadores y los seres humanos es que los humanos estamos preparados para afrontar situaciones con información incompleta o errónea. Los ordenadores, sin embargo, necesitan exactitud y precisión para poder seguir adelante.

Así, en el caso de los lenguajes los humanos podemos entendernos aunque no hablemos con corrección y sabemos reconocer la ironía, el cinismo, los juegos de palabras, las paradojas o las contradicciones. Sin embargo, los lenguajes de programación de ordenadores exigen siempre que los programas se ajusten exactamente a las reglas del lenguaje, sin ambigüedades.

El HTML no es un lenguaje de programación, pero tiene su propio vocabulario (las marcas, atributos y valores de atributos que podemos utilizar) y su propia sintaxis (las reglas de utilización de sus elementos). Las páginas web son documentos creados por humanos e interpretados por los ordenadores (por los navegadores), por lo que podemos entender el HTML como un lenguaje con el que los humanos nos comunicamos con los ordenadores, aunque sólo sea para decirles cómo tienen que mostrar el contenido de las páginas web a otros humanos.

Quizás uno de los motivos del éxito fulminante de la web (es decir, del HTML) fue que los navegadores siempre han sido capaces de procesar documentos con errores y de conseguir en muchos casos mostrarlos como deseaba su autor. Por supuesto, esa capacidad se debe al trabajo y esfuerzo de los programadores que crean los navegadores, que han incluido en los navegadores numerosas reglas para reconocer los errores más comunes e intentar corregirlos sobre la marcha.

Uno de los objetivos del W3C con el XHTML en el año 2000 fue eliminar los errores de sintaxis. Por desgracia, probablemente ese fuera el principal motivo de su fracaso, pues establecía como requisito requisito un objetivo muy difícil de conseguir para el público en general.

En el HTML 5, los que han redactado la recomendación han hecho un gran esfuerzo detallando cómo actuar ante violaciones de la propia sintaxis y conseguir un tratamiento similar en todos los navegadores. Pero también se ha mantenido el XHTML 5 para los autores de páginas web que estén dispuestos a hacer el esfuerzo de no cometer errores.

En este curso de creación de páginas web, considero que vale la pena hacer el esfuerzo de escribir sin errores, es decir, seguir la sintaxis XHTML. La recompensa serán documentos más fáciles de entender, modificar y reutilizar en el futuro. Y al fin y al cabo, las diferencias entre ambas sintaxis no son tan grandes y los documentos que se van a crear en este curso son lo suficientemente sencillos como para que no cometer errores no sea tan difícil. Contamos además con la ayuda de los llamados validadores, herramientas que nos ayudarán a detectar los errores que podamos cometer y corregirlos.

Por desgracia, las herramientas disponibles actualmente (septiembre de 2015) no facilitan la validación de documentos XHTML "puros", por lo que escribiremos documentos HTML 5 pero empleando la sintaxis XHTML compatible con HTML. Los validadores que utilizaremos no podrán detectar todos los errores, pero sí los más importantes.

Los principales validadores son los validadores disponibles en Internet, que nos permiten validar tanto nuestras páginas como las de otros. Para facilitar el uso de los validadores, podremos validar las páginas tanto en el editor como en el navegador.

Validadores disponibles en Internet

W3C Markup Validation Service

El W3C ofrece desde hace muchos años varios validadores que permiten validar todo tipo de documentos (HTML, XHTML, CSS, SVG, MathML, XML, etc.). Los distintos validadores son:

La validación se puede hacer de tres maneras:

validator.nu

validator.nu fue el primer validador creado para validar HTML5. El motor de validación de validator.nu es el que utiliza ahora el validador del W3C.

Su creador es Henri Sivonen, que lo empezó a escribir en 2005. Desde 2007 Henri Sivonen trabaja en la fundación Mozilla.

La validación se puede hacer de tres maneras:

Validación en Brackets

En Brackets se pueden validar las páginas web y hojas de estilo instalando las extensiones correspondientes, como se explica en la lección sobre extensiones de Brackets.

Problemas de la validación

El problema de los tipos MIME afecta también a la validación.

La tabla siguiente detalla las posiblidades de validación de los documentos actualmente (octubre de 2014):

Se puede ... HTML 5
(.html)
XHTML 5
(.html)
XHTML 5
(.xhtml)
... validar con W3C Validator > Upload file No
... validar con W3C Validator > URI No
... validar con validator.nu > File upload No
... validar con validator.nu > Address No
... validar con Web Developer > Local HTML
(Alt+May+L, archivo local abierto como file://)
No No
... validar con Web Developer > Validate HTML
(archivo en servidor)
No No

Con respecto a XHTML 5