html 5 voor beginners
HTML 5 wordt de nieuwe standaard in HTML. De nieuwste browsers, Firefox en Chrome kunnen er al enigszins mee overweg. Even wat feiten rondom HTML 5 op een rijtje.
Wat geschiedenis
In 1997 werd html 4 de nieuwste versie HTML, vastgesteld door het W3C, het orgaan wat gaat over alles wat met websitedeclaraties te maken heeft. In 1999 kwam er een bijgestelde versie die we nu kennen als HTML 4.01.
Een jaar later kwam ineens XHTML de hoek om zetten. Dit zou de nieuwe trend worden. Dit werd doorontwikkeld en in 2002 was er versie 2 van XHTML 1.0.
Nadat versie 1.1 op de markt kwam kreeg men door dat er toch wat problemen waren met de acceptatie van XHTML.
De problemen met XHTML
1. Weinig sites waren echt XHTML valid
2. XHTML werkt alleen maar omdat het behandeld wordt als HTML
3. XHTML 1.1 en 2.0 zijn niet meer bruikbaar in oudere browsers.
4. Het ging allemaal te traag.
Al met al was de conclusie: XHTML gaat HTML niet vervangen als nieuwe manier om websites te bouwen.
Ondanks dat het W3C niet verder keek en maar door bleef gaan, ontwikkelde het Internet zich wel. We kennen het nu als Web 2.0. En zelfs Internet Explorer ging mee in de verandering.
Wat is HTML 5 dan?
Eigenlijk is het een soort verzamelnaam. Een verzamelnaam voor HTML, dat meer moet kunnen dan het vroeger kon. Zo moet video en audio een eigen tag krijgen. (Wat trouwens ook weer op de helling staat, maar goed) Ook moet er een aparte code komen voor de kop en de voet van een pagina. Daarnaast moeten formulieren veel effectiever afgehandeld worden.
Een ontwikkeling die niet zomaar afgelopen is en zelfs nog wel een paar jaar kan duren. Afhankelijk van de implementatie door de browsers natuurlijk. Wanneer deze vlot HTML adopteren, kan het snel gaan. En sinds een tijdje is ook het W3C overtuigd van het feit dat XHTML een verloren zaak is en dat HTML 5 de toekomst wordt. Ze hebben nu een werkgroep voor HTML 5 en daarmee wordt het serieus genomen.
Een goede zaak lijkt me, ik heb in het verleden al eens een artikel geschreven over de vraag waarom ik koos, en bleef kiezen, voor HTML 4.01 en welke misvattingen er waren rondom XHTML. Ik denk dat HTML 5 nieuwe perspectieven opent.
En daarmee is HTML-site nog een goede toekomst verzekerd.
Nog een artikel over html 5 vind je hier: http://localhost:8888/html5.php
Wil jij leren om een website te maken met HTML5 en CSS, maak kennis met de Cursus Website Maken!
Interessant. Alleen zal het waarschijnlijk wel problemen gaat opleveren met oudere browsers, zoals IE6 en IE7.
En let even op de spelfouten 😉
“Ok moet er een aparte code komen”; ‘Ok’ moet ‘Ook’ zijn denk ik.
“en dat HTML 5 de toekonst wordt.”; ’toekonst’ moet ’toekomst’ zijn.
Ik kies ook voor HTML 5, al is XHTML moderner en is het toch weer ‘leuk’.
HTML 5 is hét gewoon nu. XHTML zal later nog wel terug komen met een ‘comeback’!
Zoals vlerk al zei: ‘En let even op de spelfouten’.
Niet dat het erg storend is maar toch, let er voortaan misschien ietsie beter op.
Zonder spelfouten ziet het er ook netjes en verzorgd uit! 😀
Spelfouten aangepast, bedankt!
Toppie hoor, dat je het initiatief neemt om anderen iets bij te leren…
Spelfouten of niet, ik snap het toch wel…
Misschien moeten jullie allemaal eerst even de volgende strip lezen. Dan weet je hoe het echt zit met xhtml en html 5 en zul je zien dat xhtml geen “verloren zaak” is en dat html5 backwards compatible is. Het is erg informatief en leuk gedaan (hij is wel in het engels).
http://www.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/
Html5 is voor mij interesant omdat ik minder hoef te duiken in JavaScript en flash. Flash is bijna niet de maken zonder software van Adobe (veel te duur). Voor layout van webpagina's is het een uitkomst, rondingen, schaduw ed.
Ik weet er nog veel te weinig van maar het krijgt de laatse weken erg veel aandacht (helaas door Apple). Positieve gevolg is wel dat het sneller geïmplementeerd zal worden.
Ach ik weet er nog te weinig van af eigenlijk en dus tijd voor een studie
Leuk stuk trouwens,
Is het ok om een section-tag in een aside-tag te gebruiken, of moet je die twee elementen nà à st elkaar zien? Maw, kan je ze in elkaar nesten, of is dat not done?
bv:
-Aside "social"
— Section "tweets"
— Section "facebook"
section gaat meer om een gebied. aside is dat ook, alleen aside is al een vooraf bepaald onderdeel. section zou ik meer gebruiken als onderdeel binnen een website
Mooie site en nu op snel op naar HTML5 kijken hoe we dit wonder de knie kunnen krijgen.
ontopic:
HTML5 is een goed product en verbeterd de standaard van het internet. Goede blog!
offtopic:
Ik heb een youtube kanaal en maak ook videos over HTML5. Ik maak dan meestal een video over een apart component en dus is het makkelijker om zo HTML5 te leren.
als je in je css schrijft: header,section etc etc
display;block dan werkt het ook in ouder browsers als ie 7 etc.
De oude browser ziet dit als en div.
Alleen niet met radius enzo.
Melanie