¿Por qué escribir HTML válido es importante?

Escribir HTML válido es muy importante y evita muchos problemas, como por ejemplo, que una página no se vea igual en diferentes navegadores. ¿Por qué? Porque cuando una página contiene errores, cada navegador intenta corregir ese error de diferente forma. ¿Por qué de diferente forma? Porque el estándar dice cómo se tienen que hacer bien las cosas, pero no dice nada para cuando se hace mal.

Acabo de encontrar la página Same DOM Errors, Different Browser Interpretations, que explica que cuando se escribe HTML no válido, los navegadores construyen el árbol DOM equivalente al documento de distinta forma. El artículo es un poco largo, pero es muy interesante y además compara cómo se comportan varios navegadores ante un mismo error.

(Actualización 25/05/2012)

He realizado unos vídeos en los que explico por qué es importante escribir código HTML correcto:

Parte 1:

[kml_flashembed movie=”http://www.youtube.com/v/RnzKl8OA5gQ” width=”560″ height=”315″ wmode=”transparent” /]

Parte 2:

[kml_flashembed movie=”http://www.youtube.com/v/_NHarDRZimw” width=”560″ height=”315″ wmode=”transparent” /]

Parte 3:

[kml_flashembed movie=”http://www.youtube.com/v/fBQ8wE5Ffxs” width=”560″ height=”315″ wmode=”transparent” /]

Resetear la hoja de estilo CSS por defecto

Los navegadores web traen de “fábrica” una hoja de estilo para aplicar a cualquier página web. Esta hoja de estilo por defecto puede causar problemas, ya que no es la misma en todos los navegadores. Por ello, se aconseja resetear las propiedades CSS de todas las etiquetas HTML.

Varios desarrolladores han creado su propia hoja de reseteo. Una de las más conocidas es la de Eric Meyer CSS Tools: Reset CSS.

Sin embargo, no todo el mundo está de acuerdo con esta técnica: Why “Reset” Style Sheets Are Bad.