login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[opgelost] Divs of tabellen

Offline zamna - 07/07/2006 00:01 (laatste wijziging 11/07/2006 00:54)
Avatar van zamnaHTML beginner Ik weet dat dit een eindeloze discussie zal zijn dus daarom vraag ik gewoon naar jullie tips en mening. Ik heb al gelezen dat divs beter zijn voor blinde gerbuikers enz. en daarom voor layout gebruikt moeten/mogen worden. Dit neemt niet weg dat tabellen mogen gebruikt worden om data in af te drukken. Maar wat doe je dan met bv een forumlayout of formulier ? Gebruik je daarvoor divs of tabellen. Of bv reacties op een tutorial hier op sitemasters is toch DATA dus TABELLEN ? Of heb ik het verkeerd ? Laat gewoon eens weten wat je ervan denkt zodat ik een beetje weet waar ik echt divs moet gebruiken.

5 antwoorden

Gesponsorde links
Offline freddyboeke - 07/07/2006 00:53 (laatste wijziging 07/07/2006 00:54)
Avatar van freddyboeke HTML beginner De bedoeling is dat je layout niet is opgebouwd met tabellen, maar met divs. Een simpele reden hiertoe is al een betere indexatie in google. Als 70% van je source niets met inhoud te maken heeft, maar met vormgeving, dan ben je verkeerd bezig.

Gebruik divs om je layout op te bouwen, en binnen de inhoud, zoals bv nieuwsberichten of forumberichten kan je sporadisch een tabel gebruiken. Maar geen tabel in een tabel die op zijn beurt in een andere tabel staat .... je begrijpt het wel.

Verder zijn er nog zeer veel voordelen aan divs:
Nettere source, zoals eerder gezegd. Je source is inhoud en je moet geen scrolluur zoeken naar je inhoud, je hebt het vrijwel meteen.

Sneller laden: ales zit in één css-bestand dat één keer wordt gedownload en gecached in je browser. Doordat je uiteindelijk bestand kleiner is (door het verlies aan al die overbodige tabelcode) bespaar je laadtijd en dataverkeer uit.

Betere support tekstbrowsers (en dus ook voor blinden): Ikzelf ben nu zeer actief bezig en ik heb op het project waar ik nu mee bezig ben nog geen enkele tabel gebruikt. Ik heb ook oog om bij de lancering een label aan te vragen bij www.blindsurfer.be, de blindenorganisatie wat internet en visuele handicapen betreft.
Divs gebruiken is een eerste stap, maar lang niet alles. Wanneer je pagina wordt geladen zonder CSS (tekstbrowser, zoals Lynx) heb je enkel goede tekst, die vlot kan worden voorgelezen.
Om het nog beter te doen voor blinden: h1 en h2 ed gebruiken, goede logische structuur opbouwen, altijd zinnige alt-tags maken voor afbeeldingen, alternatieven voor flash en java(script) voorzien, en nog wat -> www.blindsurfer.be , daar vind je alles.

Betere indexatie in zoekmachines: Oa. omdat je al die tabelcode niet meer hebt, maar ook vanwege het goed kunnen gebruiken van tags zoals h1, h2 (en al de rest), strong, enz. Je kan die tags volledig naar je hand zetten maar voor zoekmachines (zonder css) is er een gestructureerde code, waar hij goed het verschil kan zien met de headings, keywords (strong) enz... Kan alleen meer goed uitdraaien.
Gebruik voor je menu's ook lists, ipv link1 <br> link 2 <br> enz...

Er zullen wel nog redenen zijn maar dit zijn de belangrijkste. Mijn favoriete nederlandstalige website over het gebruik van CSS en de problemen die hierbij optreden is www.gigadesign.be
Tal van problemen (met oplossing) en tips, met ook bv een handige nederlandstalige reference, enz...

Veel succes alvast!
Offline zamna - 07/07/2006 09:35
Avatar van zamna HTML beginner Hartelijk dank ! Nu weet ik al heel wat meer waarom ik divs zou moeten gebruiken en waneer. 
Offline Pieter - 07/07/2006 09:47 (laatste wijziging 07/07/2006 09:47)
Avatar van Pieter Gouden medaille

SEO guru
Ter aanvulling van Freddyboerke:
De layout ik ook veel makkelijker (en sneller) aanpasbaar nadien. Gewoon wat veranderen aan de stylesheet, en het je site is uniform veranderd.
Met tables zal je gegarandeerd problemen hebben als je ze volledig wilt veranderen. Breng maar een andere breedte enzo aan, moet je direct je source induiken.

Browsers baseren zich op de W3C, waarmee ze de css en html ondersteuning aanpassen. Zelfs Internet explorer "zegt" er iets aan te doen voor hun volgende generatie browser.

Je bron is kleiner. Bij goed gebruik van css is in de meeste gevallen je broncode kleiner.

Zoals freddyboerke zei, de toegankelijkheid verhoogt, en hou ook rekening met de semantiek.

www.gigadesign.be is een goeie site, maar wil je echt enkel css en html nieuws, ook nederlandstalig, kan je naar
http://www.7seconden.be/nono/
gaan. De auteur van gigadesign (marc creeten), is 1 van de vele nono auteurs. Je leert er best wel veel bij.

Nog een site puur over de redenen waarom je geen tabellen zou gebruiken is http://www.stylesheets.nl
Offline zamna - 07/07/2006 10:27
Avatar van zamna HTML beginner Opnieuw bedankt voor de site's. Ik ben nu al wat aan het expirimenteren met divs en moet zeggen dat tabellen toch eenvoudiger zijn 
Offline freddyboeke - 07/07/2006 13:23
Avatar van freddyboeke HTML beginner 1) Tis freddyboeke, niet freddyboerke 

2) Tabellen lijken nu eenvoudiger omdat je die kunt. Eenmaal je gewoon bent met puur CSS te werken, dan zijn die tabellen ingewikkeld (voor mij toch). Ik kan mij nu niet meer voorstellen dat ik bezig was met al die tabellen te gaan maken, borders te veranderen, maten instellen, te gaan zoeken waar dat plekje nu staat in de source enz....

Eenmaal je weet hoe je de div's moet plaatsen en je er wat weg mee bent, dan gaat dit zeer vlot.


Zoals pieter al zei, kan je dus eenvoudig wisselen van layout, door je css aan te passen.
Je hebt dan ook de mogelijkheid om de keuze te geven aan de bezoeker welke layout hij wilt gebruiken.

Een voorbeeldje hiervan is te vinden op www.gigastyle.be
Dit is één HTML bestand, maar er zijn tientallen verschillende CSS-bestanden waar je de layout compleet veranderd.


@pieterc bedankt voor die link van nono. Ik had de link al een paar keer zien staan (op gigastyle  ) maar nooit echt bekeken.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.207s