Los estándares web son un conjunto de recomendaciones del W3C para crear documentos web de forma consistente e interoperable entre diferentes dispositivos. Siguiendo estándares como XHTML y CSS, los sitios web funcionarán mejor, serán más accesibles y requerirán menos mantenimiento a largo plazo. Diseñar primero la estructura del contenido y luego el estilo visual usando estándares web facilita realizar cambios en el futuro sin tener que modificar cada página individualmente.

1. ¿Qué son estándares web?
Los estándares web son un conjunto de recomendaciones dadas por
el World Wide Web Consortium (W3C) y otras organizaciones
internacionales acerca de cómo crear e interpretar documentos
basados en el Web. Son un conjunto de tecnologías orientadas a
brindar beneficios a la mayor cantidad de usuarios, asegurando la
vigencia de todo documento publicado en el Web.
El objetivo es crear un Web que trabaje mejor para todos, con sitios
accesibles a más personas y que funcionen en cualquier dispositivo
de acceso a Internet.
Los beneficios del uso de estándares web
Un sitio basado en estándares web mostrará una mayor consistencia
visual. Gracias al uso de XHTML para el contenido y CSS para la
apariencia, se puede transformar rápidamente un sitio, sin importar
que se trate de una página web o miles, realizando cambios en un
solo lugar. Los documentos que separan apariencia de contenido
usan menos código, además, CSS permite conseguir efectos que
antes requerían el uso de Javascript e imágenes, por lo que los sitios
basados en estándares utilizan menos ancho de banda y se muestran
más rápido a los usuarios, mejorando dramáticamente la experiencia
de estos. Los documentos basados en XHTML válido son más
relevantes para los motores de búsqueda, contienen mayor
información y menos código, por lo que un sitio basado en

2. estándares web tendrá una mejor posición. De igual manera, la
posición en directorios, editados por humanos, se verá beneficiada
pues el sitio será más usable. XHTML es una aplicación de XML, por
lo que el contenido puede ser procesado de muchas formas,
permitiendo la creación de sitios extensibles. El uso de validadores
nos permite crear XHTML bien formado. Un sitio basado en
estándares web es compatible con todos los navegadores actuales, y
lo será con versiones futuras. Funcionará tan bien en un PC, un
navegador aural y un teléfono móvil dentro de diez años. Un sitio
basado en estándares web es más fácil de mantener y actualizar, el
código es más simple, de esta forma se elimina la dependencia de un
solo desarrollador. Un sitio basado en estándares web es más
accesible, permitiendo a personas con discapacidades utilizar su
contenido.
Diseñando estructuralmente
Hasta ahora gran parte de los diseñadores web creaban su
documento desde una perspectiva visual. Luego de crear nuestro
boceto, cortamos y decidimos cuantas tablas crear en que celda
insertaremos tal o cual parte del diseño. ¿Necesito un borde de color
rojo?, no hay problema, ¡crearé una tabla dentro de otra y listo!
Cuando se diseña utilizando estándares web se empieza con la
estructura de un documento. ¿Cuáles son las piezas de información?,
este texto es un título, estos serán párrafos, aquí tengo una lista
ordenada, la frase siguiente es una cita y aquí insertaré un subtítulo.
Primero se crea la estructura y luego el estilo, o apariencia. En otras
palabras, empezamos con la estructura del contenido y luego vamos
trabajando el diseño visual, en vez de hacerlo al revés. Esta forma de

3. trabajo puede resultar extraña para todos aquellos acostumbrados a
“dibujar” sus páginas web, puedo escuchar a algunos usuarios
gritando “blasfemo!, hereje!”. Las ventajas de diseñar con estándares
web compensarán con creces el tiempo invertido en aprender el
nuevo método, créanme. Consideremos el siguiente ejemplo:
Hemos creado un diseño en el cual tenemos un bloque de contenido,
compuesto por texto e imágenes. Ese diseño se utiliza en veinte
páginas diferentes del sitio. Nuestro cliente está de acuerdo en todo
salvo que desea que el fondo del bloque no sea azul sino verde, que
los textos empiecen un poco más a la derecha y… “Ah!, ¿Podríamos
ver cómo queda con un borde fino marrón?”. Si trabajamos de la
forma “tradicional” deberíamos abrir cada una de las veinte páginas,
encontrar el código de las tablas y celdas correspondientes a la
sección por modificar, cambiar algunos bicolor, modificar el cell
padding (quien pensó en modificar el ancho está peor de lo que
pensaba!) y, tristemente, crear una tabla dentro de otra si queremos
“simular” un borde de un pixel. Este cambio, repito, se debe realizar
en cada una de las veinte páginas. Cuando volvemos a visitar a
nuestro cliente este nos dice: “Perfecto, pero Podríamos probar con
rojo en vez de verde y el borde en negro?”. Suelepasar, lo he vivido
cientos de veces.Creo que va quedando clara la idea. Si hubiéramos
diseñado de acuerdo a estándares web no deberíamos tocar el código
HTML, bastaría con cambiar tres líneas.