CSS é a mellor forma de crear deseños de páxinas web
Aprender a escribir esquemas CSS pode ser complicado, especialmente se está familiarizado co uso de táboas para crear deseños de páxinas web fantasiosas. Pero mentres HTML5 permite táboas de deseño, non é unha boa idea.
As táboas non son accesibles
Do mesmo xeito que os buscadores, a maioría dos lectores de pantalla leen páxinas web na orde que se mostran no HTML. E as táboas poden ser moi duras para que os lectores de pantalla analicen. Isto ocorre porque o contido dun deseño da táboa, aínda que lineal, non sempre ten sentido cando se le de esquerda a dereita e de arriba a abaixo. Ademais, con táboas aniñadas e varios spans nas celas da táboa pode facer que a páxina sexa moi difícil de descubrir.
Este é o motivo polo cal a especificación HTML5 recomenda contra as táboas de deseño e por que o HTML 4.01 non o permite. As páxinas web accesibles permiten que máis persoas usen e sexan a marca dun diseñador profesional.
Con CSS, pode definir unha sección como pertencente no lado esquerdo da páxina pero colócaa no HTML. A continuación, os lectores de pantalla e os buscadores por igual lerán as partes importantes (o contido) primeiro e as partes menos importantes (navegación).
As táboas son complicadas
Aínda que crees unha táboa cun editor web, as túas páxinas web serán moi complicadas e difíciles de manter. Excepto os deseños de páxina web máis simples, a maioría das táboas de deseño requiren o uso de moitos atributos e táboas aniñadas.
A construción da táboa pode parecer doado mentres o estás a facer, pero necesitas mantelo. Seis meses por baixo da liña pode non ser tan sinxelo recordar por que aninou as táboas ou cantas celas estaban seguidas e así por diante. Ademais, se manteñas páxinas web como membro do equipo, tes que explicar a cada persoa como funcionan as táboas ou esperar que tarden máis tempo cando precisan facer cambios.
CSS tamén pode ser complicado, pero mantén a presentación separada do HTML e fai que sexa moito máis fácil de manter a longo prazo. Ademais, con deseño CSS podes escribir un arquivo CSS e darlle estilo a todas as túas páxinas. E cando quere cambiar o deseño do seu sitio, simplemente cambia un arquivo CSS e todo o sitio incorpora -no máis atravesa cada unha das páxinas á vez para actualizar as táboas para actualizar o deseño.
As táboas son inflexíbeis
Aínda que é posible crear esquemas de táboas con anchos porcentuais, moitas veces son máis lentos para cargar e poden cambiar drasticamente o aspecto do seu deseño. Pero se usa anchos específicos para as súas táboas, termínase cun deseño moi ríxido que non se verá ben en monitores que sexan dimensionados de forma diferente á túa.
Crear proxectos flexibles que se vexan ben en moitos monitores, navegadores e resolucións é relativamente sinxelo. De feito, coas consultas multimedia CSS, pode crear debuxos separados para diferentes pantallas de tamaño.
As táboas aniñadas cargan máis lentamente que CSS para o mesmo deseño
A forma máis común de crear deseños de fantasía con táboas é "nestar" táboas. Isto significa que unha (ou máis) táboa está situada dentro doutro. Canto máis cadros estean aniñados, máis tempo levará o navegador web a renderizar a páxina.
Na maioría dos casos, o deseño dunha táboa usa máis caracteres para crear que un deseño CSS. E menos caracteres significa menos para descargar.
As táboas poden prexudicar a optimización do motor de busca
O deseño creado pola táboa máis común ten unha barra de navegación no lado esquerdo da páxina e o contido principal á dereita. Ao usar táboas, isto (en xeral) require que o primeiro contido que se amosa no HTML é a barra de navegación da esquerda. Os buscadores categorizan as páxinas baseándose no contido e moitos motores determinan que o contido que se mostra na parte superior da páxina é máis importante que outro contido. Entón, unha páxina con navegación á esquerda primeiro parecerá ter contido que é menos importante que a navegación.
Usando o CSS, podes poñer primeiro o contido importante no teu HTML e logo usar o CSS para determinar onde debe ser colocado no deseño. Isto significa que os motores de busca verán primeiro o contido importante, aínda que o deseño o sitúe máis baixo na páxina.
As táboas Non sempre Imprimir ben
Moitos debuxos de táboas non se imprimen ben porque son simplemente demasiado anchos para a impresora. Entón, para axustalos, os navegadores cortarán as táboas e imprimirán as seccións que aparecen a continuación, resultando en páxinas moi desarticuladas. Ás veces terminas con páxinas que parecen ben, pero falta todo o lado dereito. Outras páxinas imprimirán seccións en varias follas.
CSS pode crear unha folla de estilo separada só para imprimir a páxina.
As táboas de deseño non son válidas en HTML 4.01
A especificación de HTML 4 establece: "As táboas non deben empregarse puramente como medio para distribuír o contido do documento xa que isto pode presentar problemas ao renderizarse a medios non visuais."
Entón, se desexa escribir HTML 4.01 válido, non pode usar táboas para o deseño. Só debes usar táboas para datos tabulares. E os datos tabulares xeralmente parecen algo que pode mostrar nunha folla de cálculo ou, posiblemente, unha base de datos.
Pero HTML5 cambiou as regras e agora as táboas para o deseño, aínda que non se recomenda, agora son HTML válidos. A especificación HTML5 indica: "As táboas non deben ser usadas como axudas de deseño".
Debido a que as táboas de deseño son difíciles de diferenciar para os lectores de pantalla, como cito anteriormente.
Usar CSS para situar e configurar as túas páxinas é a única forma de HTML 4.01 válida para obter os debuxos que utilizaches para crear táboas. E HTML5 tamén recomenda este método.
As táboas para o deseño poden impactar as súas perspectivas de traballo
A medida que cada vez máis novos deseñadores aprendan HTML e CSS, as súas habilidades na creación de esquemas de táboas estarán cada vez con menos demanda. Si, é certo que os clientes non adoitan dicirche a tecnoloxía exacta que debes usar para construír as súas páxinas web. Pero si preguntan por cousas como:
- Páxinas web accesibles: os proxectos que poden ver os lectores de pantalla están sendo requiridos por moitos países e as corporacións pensan que a accesibilidade é cada vez máis importante.
- Páxinas web mantíbeis: debuxos que poden levar con eles mesmo se non o manterás no futuro.
- Deseños flexibles: deseños que funcionan en moitos navegadores, resolucións e dispositivos.
- Páxinas de descarga rápidas: a velocidade cada vez é máis importante, ata para SEO.
- Deseños imprimibles: páxinas que imprimen sen scripts especiais ou páxinas extra.
Se non pode entregar o que solicitan os clientes, deixarán de chegar a ti para proxectos, quizais non hoxe, pero quizais o próximo ano ou o ano seguinte. ¿De verdade podes permitelo deixar o teu negocio sufrindo porque non estás disposto a comezar a aprender unha técnica que estivo en uso desde finais dos 90?
The Moral: Aprende a usar CSS
O CSS pode ser difícil de aprender, pero merece a pena o que mereza a pena. Non manteñas as estratexias. Aprende CSS e edite as túas páxinas web de maneira que foron destinadas a ser construídas, con CSS para o deseño.