Upgrade a Xhtml y css
Estos días que son más tranquilos en mi trabajo estoy aprovechando para aprender cosas nuevas y reciclarme un poco.
Esta vez le ha tocado a las páginas webs, según algunos, mis métodos para hacer páginas web están demasiado anticuados. Maqueto las páginas web a trabes de tablas.
Pero mi amigo crono me ha abierto los ojos y me ha dicho que tengo que saltar a otro modelo de construcción mucho más dinámico.
La cuestión es que me ha pasado este Manual XHTML + CSStuto (!de una maldita vez!) de BenKo en su página web http://cafeina.ladybenko.net y me ha sorprendido muchísimo.
El manual es muy ameno y rápido de leer. Empieza de un nivel muy básico ( la chicha empieza por mitad del manual, pero no viene mal leerlo entero, para el que ya conoce el HTML, porque hay comentarios que viene muy bien).
Ejemplos sencillos para comprender lo que explica y no profundiza demasiado en describir los entresijos del código ( ya que si explicara todos los modificadores de las etiquetas el manual seria un tostón seguro, y para eso ya hay miles de libros de HTML)
Es una lectura muy recomendada para aquellos que os interese iniciaros en el XHTML y el css como a mí.
Después de leer el libro hay un párrafo que os voy a pegar que describe perfectamente mi situación con el HTML
¿TABLAS PARA LAYOUTS? ¡INSENSATO!
A día de hoy, la mayoría de las páginas web están maquetadas usando tablas con border=”0″. Antes de la llegada del CSS, era totalmente imposible crear texto a columnas y, en definitiva, maquetas un sitio web. Afortunadamente, CSS implementa capas, con lo que se puede configurar totalmente la apariencia y la colocación de cada elemento de la página mediante la hoja de estilos, quedando el código XHTML muy simple y sencillo.
¿Entonces por qué la gente sigue usando tablas? Porque muchos piensan que eso de las capas es algo muy complicado. ¡Mentira y gorda! Lo que pasa es que nadie nace enseñado, y aprender algo nuevo siempre da un poco de pereza. En la parte de CSS de este tutorial aprenderemos a crear varios tipos de diseño populares para así tumbar el mito de que las capas son difíciles.
Y dándole la vuelta a la tortilla… ¿Por qué no usar tablas? Pues porque las tablas no se han creado para maquetar y el WWW Consortium lo desaconseja. Además, en navegadores no visuales (de texto, para ciegos, o cualquier dispositivo que no sea un monitor) el resultado es totalmente imprevisible. ¿Quieres otra razón de peso? Las tablas dan más trabajo. El código queda más enrevesado, y si queremos renovar el diseño de nuestra página, hemos de cambiar prácticamente todo el código. Sin embargo, si hubiéramos usado un layout por capas, sólo tendríamos que modificar el archivo CSS. ¿Más razones? Al ser el código más complicado, las páginas son más pesadas y gastan más ancho de banda. Además, tardan más en cargar, ya que hasta que no se carga todo lo que hay en la tabla, no se muestran los resultados parciales.
El futuro es XHTML y sitios web importantes, como Blogger, ya han rediseñado su layout con capas. Así que te animo a que cumplas los estándares y no uses las tablas para maquetar.
