Posts Tagged Web
HTML 5 (deel 1)
De basis van HTML5 is nog steeds hetzelfde als in HTML4, hier een overzichtje van de overeenkomsten tussen HTML4 en HTML5 (die zijn nog vrij groot), later zal ik nog ingaan op de verschillen tussen HTML4 en HTML5, vooral op de elementen die in HTML4 nog niet aanwezig waren en de leuke nieuwe dingen als <menu> en <datagrid> in HTML5.
<head>, <title>, <link>, <meta>, <style> en <base> zijn nog steeds aanwezig om de metadata van je document aan te geven (met metadata wordt bedoelt: data die wat vertelt over je document, maar nog niet het document zelf is). Ook <script> en <noscript> zijn weer aanwezig om weer lekker los te gaan met alle javascript code die je maar kan verzinnen. Al deze elementen werken ook zo ongeveer hetzelfde in HTML5 als in HTML4.
Ook wordt <html> nog altijd gebruikt als root element in een HTML5 document. Ook <body>, waarin alle paginainhoud zal zitten, is nog gewoon aanwezig en werkt ook op ongeveer dezelfde manier als in HTML4. Om maar gelijk met het meest misbruikte element verder te gaan, <table>, ook dat element is weer ouderwets aanwezig, klaar om misbruikt te worden door vele `designers’. De bekende elementen <tr>, <th> en <td> zijn ook weer aanwezig om de rijen en kolommen van je tabel te maken. Ook de minder bekende <thead>, <tbody>, <tfoot>, <col>, <colgroup> en <caption> zijn weer aanwezig op eenzelfde manier als in HTML4.
Verder met wat algemene dingetjes dan: ook <span> en <div> zijn weer aanwezig als de algemene `verzamel’-elementen. Maar er is meer! Er is een hele verzameling aan nieuwe elementen bijgekomen in HTML5 die wat meer zal gaan vertellen over de inhoud van de pagina, dus iets minder algemeen dan <div>. Ik zal hier later nog op terug komen. Wel kennen we nog steeds <address> en <blockquote> als algemene elementen.
De header en paragraaf elementen (<h1> t/m <h6> en <p>) zijn in HTML5 iets anders gedefineerd dan in HTML4. Ook zijn er op dit niveau een paar extra elementen bijgekomen die je als webontwikkelaar moeten helpen, hier kom ik later nog op terug.
<hr> en <br> zijn ook in HTML5 weer van de partij, al hoewel het gebruik van <hr> toch wel enigsinds beperkt gehouden moet worden. Ook <br> wordt overigens nog redelijk vaak misbruikt. Echter zijn bijde elementen wel handig, dus ze blijven zeker in de HTML5 specificatie.
Lijstjes zijn natuurlijk weer aanwezig in HTML5, dus <ul>, <ol>, <li>, <dd>, <dt> en <dl> zijn allemaal weer aanwezig. De werking van deze elementen verschilt niet met die in HTML4.
Verder met wat tekstelementen. Bij dit gedeelte zijn er ook een flink aantal elementen bijgekomen vergeleken met HTML4, ook is de betekenis van sommige elementen iets aangepast in vergelijking met die uit HTML4. Natuurlijk zijn er weer gewoon anchors op de oude manier (<a>) en ook <code> is weer van de partij. De betekenis van <em> en <strong> is iets anders dan in HTML4, later hier meer over. Ook <abbr>, <small>, <i> en <b> zijn aanwezig, alleen ze hebben allen een iets andere betekenis.
De basis van formulieren is in HTML5 vrijwel hetzelfde als in HTML4, maar met de komst van Web Forms 2.0 is er wel veel meer mogelijk. Zo zal het bijvoorbeeld mogelijk zijn om minimum en maximumwaardes op te geven. Een input veld zal niet beperkt zijn tot dingen als ‘text’, maar zal ook dingen als ‘time’ en ‘number’ ondersteunen. Ook kunnen velden nu verplicht worden gesteld. Dat betekend dus vooral dat er minder javascript validatiecode geschreven hoeft te worden. Dat de browser nu automatisch de controles gaat doen betekend overigens niet dat je nu opeens op je server niet meer je input hoeft te controleren, want er kan nog steeds verkeerde input verstuurd worden.
Dit was het voor nu, later meer!
Add comment 18 februari 2008
