Wat is tableless webdesign ?

Tableless webdesign is een term die gebruikt wordt om aan te duiden dat een (x)html-pagina opgebouwd is uit div's (= blokelement voor het weergeven van tekst) + een apart css-bestand (voor een consistente vormgeving van de webpagina's).

Te dikwijls wordt er nog gebruik gemaakt van tabellen om webpagina's te stylen.

Waarom is het gebruik van tabellen om vorm te geven aan de webpagina geen goed idee ?

De table-tag in html dient om tabulaire data weer te geven en is niet bedoeld als "hulpmiddel" bij het vormgeven van webpagina's.

Het gebruik van de table-tag is bovendien semantisch niet correct als deze niet gebruikt wordt voor het weergeven van tabulaire data.

Semantisch wat ?

Iedere html-tag heeft zijn eigen betekenis. In een h1 t.e.m. h6-tag hoort een titel, in een p-tag hoort een paragraaf, in een blockquote-tag hoort een blokje tekst die uit een andere bron geciteerd wordt, in een table-tag hoort, yep, datagegevens.

Semantisch html (synoniem : structurele html) zorgt voor een overzichtelijke code en tot een betekenisvollere toegankelijkheid van de webpagina door zoekmachinerobots met als gewenst resultaat een betere indexering van webpagina's in zoekmachines.

Wat zijn de voordelen van tableless webdesign ?

• compacte html-code
• overzichtelijke code
• toegankelijke webpagina's
• betere indexering door zoekmachines