En otras disciplinas, un estándar es una norma que ha sido consensuada y que es obligatorio seguir. En cambio, en la web, la tarea del W3C (organismo que busca consenso en torno a los Estándares Web) se limita a “recomendar” su aplicación.
Por otro lado, hay que tomar en cuenta que se suele llamar comúnmente “estándares web” a tres enfoques:
- Código HTML/XHTML y CSS sintácticamente válido,
- Código semántico,
- Separación en 3 capas: contenidos (HTML/XHTML), presentación (CSS) e interactividad (JavaScript).
1. Código válido
Es la tarea más simple de realizar de las 3: puede verificarse con validadores automáticos, como el del W3C, y simplemente consiste en utilizar los elementos del lenguaje en el modo definido en el tipo de documento (DTD) elegido.
El punto crítico es que al elegir una DTD, estamos eligiendo el modo en que va a ser interpretado el código por el navegador, incluyendo la posibilidad de que caiga en “modo compatible” o Quirks Mode, con las consecuencias que eso tiene en el diseño, al afectar la forma en que se miden los tamaños de los elementos.
Validar el código ayuda a encontrar errores y resolverlos de la forma más simple, intentando compatibilizar el código para que sea renderizado de manera similar en cualquier navegador.
2. Código semántico
No es lo mismo sintaxis correcta que semántica. Con semántica nos referimos a que los contenidos sean marcados por lo que son y no por lo que deberían aparentar. Marcar una lista de enlaces (menú) con una lista, y no solo con enlaces. Marcar los encabezados con h1, h2 y no con strong aumentando el tamaño del texto.
El marcado semántico ayuda a posicionar nuestras páginas en Google, ya que el bot puede entender qué es importante y qué no dentro de una página.
3. Separación en tres capas
Este enfoque recomienda utilizar el marcado para estructurar jerárquicamente los contenidos, pero sin usarlo para intenciones decorativas (eso se hace con CSS, que es el lenguaje decorativo de la web). Y lo que sea interactividad, debe lograrse con JavaScript que no impida el uso en caso de no estar preparado el dispositivo para ejecutarlo.
Mantener separadas estas tres funciones permite ganar velocidad de descarga, claridad en el código, y facilita el mantenimiento.
Todos estos puntos son elementales, y forman la base de un buen diseño web, con posibilidades de ser accesible y adaptable para distintos dispositivos.
Por eso decimos que la base de un buen diseño web es la aplicación de los Estándares Web.