Escribir en HTML Válido

Es un hecho que aún hoy en día la gran mayoría de páginas web no son válidas, mucho se habla de los estándares web que son un conjunto de recomendaciones de la World Wide Web Consortium (W3C) y otras organizaciones internacionales.

El principal objetivo de validar tu sitio web, es obtener una página que trabaja mejor para todo tipo de navegadores en sus distintas versiones. Que sea accesible pudiendo funcionar prácticamente en cualquier dispositivo de acceso a Internet. En los últimos años, la expansión de dispositivos conectados a Internet es crucial (móviles, televisores, electrodomésticos).

¿Por qué escribir en HTML válido?

Es difícil convencer a los desarrolladores de la necesidad de escribir en HTML válido, ya que la gran mayoría de los navegadores procesa e interpreta correctamente el HTML no válido.

Entonces, la pregunta toma aún más interés, ¿Cuál es el incentivo para escribir en HTML válido?, pues probablemente la respuesta sea, que si tu sitio web es válido las posibilidades de que la página se muestre y funcionen igual en todos los navegadores aumenta considerablemente.

Pongamos un ejemplo básico de HTML y un ejemplo de HTML + Javascript para ver como afectaría un HTML no válido al funcionamiento de nuestra página en ambos casos.

Supongamos que disponemos del código siguiente:

<ol>
<li>Elemento principal uno</li>
<li>Elemento principal dos</li>
</ol>

Como se puede ver los navegadores procesarán sin problemas este código, ya que no contiene errores y es bastante sencillo. Pero que ocurriría si, por el contrario, cometiéramos errores de validación, como este:

<ol>
<p><li>Elemento principal uno</li></p>
<p><li>Elemento principal dos</li></p>
</ol>

Ubicar el párrafo en el elemento «li» no afectará la apariencia ni el funcionamiento del HTML, ya que los navegadores lo interpretarán correctamente.

Pero, sin embargo, si necesitamos el uso de Javascript sobre esta misma página HTML sí que nos podemos encontrar con alguna que otra sorpresa.

En el caso de que introduzcamos código Javascript veremos que en algunos navegadores el código no funcionará o no funcionará como esperábamos. No lo hará debido a interpretaciones erróneas del DOM en distintos navegadores, resaltando la importancia del HTML válido.

Únete a la conversación, no olvides compartir este artículo!.

¡Quédate por aquí!

También te pueden interesar estos artículos en nuestro blog de marketing digital y diseño web.