In het tijdperk van HTML4 gebruikte ik een <table> om bijv. een pagina van bijv 80% breed te maken. Teksten en afbeeldingen konden op een (eenvoudige) manier worden geplaatst en uitgelijnd.
Nu met de komst van HTML5 dreigt de <table> uit de gratie te geraken. Dus moet ik mij gaan verdiepen in de wereld die HTML5 heet.
Mijn eerste uitdaging is om de <table> te vervangen door een HTML5-component. Alleen, hoe heet dat ding???? En hoe gaan we om met de voorwaarde dat ik bijv. 3 kolommen naast elkaar wil?
De koppeling met CSS3 denk ik wel onder de knie te hebben.
Wie kan mij een hint geven met welke componenten ik e.e.a. kan realiseren?
Wie weet een goede Nederlandstalige uitleg van HTML5 op het internet te vinden? Mijn Engels is nl. niet wat het wezen moet.
george tabellen gebruiken moet je nooit doen. gebruik hier divjes voor.
verder voor html5 gebruik je hetgeen wat eddy aangeeft en <section> dat zijn de belangrijkste volgens mij en dan heb je nog <header> <footer> etc etc.. en nog veel meer voor meer uitleg is dit een goede link
Reshadd, wie zegt er nou dat je nooit een tabel kunt gebruiken? Een tabel gebruik je wanneer je bijvoorbeeld een prijsvoorstelling van de producten wilt doen.
In het tijdperk van HTML4 gebruikte ik een <table> om bijv. een pagina van bijv 80% breed te maken. Teksten en afbeeldingen konden op een (eenvoudige) manier worden geplaatst en uitgelijnd.
en je gebruikt geen tabel om een site op te maken
?Onbekende gebruiker
16-03-2012 20:37
gewijzigd op 16-03-2012 20:44
Reshadd farid op 16/03/2012 20:21:40
george tabellen gebruiken moet je nooit doen. gebruik hier divjes voor.
Tabellen gebruik je dus wel op een site als ze nodig zijn. Niet om een site breed te maken, daarvoor heb je liquid templates etc.
Je kunt ook, (en dat is mijn favoriete 'tabellen opmaak vorm', gebruik maken van een div waarbij je in je CSS bestand aangeeft hoe het moet worden getoond (display:) op het scherm.
Dit doe je door als attribuut: 'display: table;' in je css in te stellen.
Er zijn genoeg mogelijkheden voor het display attribuut:
table, table-row, table-cell, etc.. alle mogelijkheden die je bij table hebt zijn ook aanwezig als je een div met een bepaalde inhoud wilt tonen. Wanneer je bv een afbeelding wilt laten zien dan zet je gewoon een img in je div.
Wanneer je deze manier gebruikt, dan heb je niet de nadelen van de 'normale' tabel functie. Je laat nl. een div zien waarvan je opgeeft dat deze zich dient te gedragen als een table, maar het is dus geen echte tabel.
Aiaiai, de laatste reactie (voor die van George) zijn erg slecht en zou ik niet gebruiken. Tabellen zijn niet voor het opmaken van een site en dus moet je ze ook niet via een omweg toch gebruiken.
[hr]
George, als ik je een tip mag geven: Ga eerst in HTML4 aan de slag met het weggooien van de table elementen en die vervangen met divjes en andere, daarvoor geschikte, HTML tags als <span>, <h1> t/m <h6>, <p>, <small>, <address>, enz. Een goede tutorial daarover: http://sceneone.nl/ (de hele site is 1 tutorial over HTML4)
Vervolgens, als je dit onder de knie hebt, ga je kijken wat er allemaal voor nieuws is in HTML5 en ga je dit veranderen. Kijk dan bijv. naar sites als http://html5doctor.com/
Dat lijkt me nu de beste oplossing om tot het juist leren van een oplossing te komen.
[hr]
Aron,
Dat wat jij laat zien is geen tabel, maar een grid systeem. Dat is iets totaal anders en zou ik zeker aanraden om te gebruiken.
Klaas: ik vind jouw HTML niet echt duidelijker, beter of korter of zo.
Als je data wilt tonen: pak een tabel.
Als je wat blokjes wilt tonen: dat kan met <div>'s of <section>'s etc. Maar we gaan toch geen tabel nabouwen met <div>, want dat is niet sematisch.
