Tafels hebben al lang een slechte reputatie gekregen webdesign. Vele jaren geleden werden HTML-tabellen gebruikt voor de lay-out, waar ze duidelijk niet voor bedoeld waren. Toen CSS populair werd voor websitelay-outs, ontstond het idee dat "tafels zijn slecht" greep vast. Helaas begrepen veel mensen dit verkeerd om te betekenen dat HTML-tabellen altijd slecht zijn. Dat is helemaal niet het geval. De realiteit is dat HTML-tabellen slecht zijn als ze voor iets anders worden gebruikt dan hun echte doel, namelijk het weergeven van tabelgegevens (spreadsheets, kalenders, enz.). Als u een website aan het bouwen bent en een pagina heeft met dit soort gegevens in tabelvorm, aarzel dan niet om een HTML-tabel op jouw pagina.
Wat doen? en
Doen?
De
De
De meeste webbrowsers wijzigen het lettertype in vet en centreren de inhoud in een cel. Natuurlijk kunt u gebruik maken van CSS-stijlen om die tabelkoppen, evenals de inhoud van uw tags, eruit te laten zien zoals u wilt dat ze eruitzien op de weergegeven webpagina.
Wanneer moet je gebruiken? Liever dan
?
De
Gebruik niet om je cellen te stylen. Omdat browsers de neiging hebben om tabelkopcellen anders weer te geven, proberen sommige luie webontwerpers hiervan te profiteren en de tag te gebruiken wanneer ze willen dat de inhoud vet en gecentreerd. Dit is om verschillende redenen slecht:
- U kunt er niet op vertrouwen dat webbrowsers de inhoud altijd op die manier weergeven. Toekomstige browsers kunnen de kleur standaard wijzigen of helemaal geen visuele wijzigingen aanbrengen om
inhoud. Vertrouw nooit alleen op standaard browserstijlen en gebruik nooit een HTML-element vanwege hoe het er standaard "uit ziet". - Het is semantisch onjuist. User-agents die de tekst lezen, kunnen hoorbare opmaak toevoegen, zoals "rijkop: uw tekst" om aan te geven dat deze in een
cel. Bovendien drukken sommige webapplicaties de tabelkoppen boven aan elke pagina af, wat zou: problemen opleveren als de cel niet echt een koptekst is, maar in plaats daarvan om stilistische redenen wordt gebruikt enkel en alleen. Waar het op neerkomt: het op deze manier gebruiken van tags kan voor veel gebruikers toegankelijkheidsproblemen veroorzaken, vooral degenen die ondersteunde apparaten gebruiken om toegang te krijgen tot uw site-inhoud. - Je zou... moeten gebruiken CSS om te bepalen hoe de cellen eruitzien. de scheiding van stijl (CSS) en structuur (HTML) is al vele jaren een best practice in webdesign. Nogmaals, gebruik a omdat de inhoud van die cel een koptekst is, niet omdat je de manier waarop de browser die inhoud waarschijnlijk standaard weergeeft leuk vindt.