Eerste working draft HTML5 vrijgegeven
Op vrijwel hetzelfde moment dat Microsoft haar nieuws over IE8 Standards mode bekend maakte, maakte het W3C ook bekend dat de eerste public working draft van HTML5 beschikbaar was. HTML5 is de opvolger van HTML4 en wordt samengesteld door onder andere ontwikkelaars van Firefox, Safari, Opera en Microsoft welke zelfs een Chairman levert.
In HTML5 worden een hele hoop dingen rechtgetrokken waar webdevelopers op dit moment ofwel een workaround voor gebruiken of erg veel moeite voor moeten doen. Ook zijn er de nodige nieuwe dingen bedacht om het web verder te brengen. Zo komen er een behoorlijk wat tags bij om HTML documenten meer semantisch correct te kunnen renderen, wordt de DOM API uitgebreidt met enkele features die we nu al vaak zien in Javascript libraries als jQuery en Prototype.
Wat is er nieuw in HTML 5?
Om uit te vinden wat er nou zoal veranderd is tussen HTML4 en HTML5 kun je het beste document lezen dat Anne van Kesteren van Opera Software ASA heeft geschreven voor het W3C: HTML5: differences from HTML4.
Het is wel belangrijk om te onthouden dat het hier gaat om een samenvatting van een public working draft van de standaard waarvan het mogelijk is en zelfs zeer waarschijnlijk dat bepaalde onderdelen nog grondig herzien of zelfs verwijderd worden.
Een kleine greep uit het document, zoals het er nu voor staat:
- Er komen verschillende block-level elementen bij: <section>, <article>, <header>, <nav>, <menu>, etc. Deze worden gebruikt om duidelijker aan te geven hoe bepaalde delen van een HTML5 document precies gezien moeten worden.
- Een <audio> en <video> tag worden toegevoegd om met multimedia om te gaan.
- Er worden een paar nieuwe controls toegevoegd: <datagrid> voor het weergeven en beheren van gegevens, <canvas> + bijhorende Javascript API voor extra grafische mogelijkheden
- De <menu> tag wordt uit het stof geklopt en krijgt de mogelijkheid om ingezet te worden als context menu.
- Er komt een templating-systeem om delen HTML gemakkelijk te (laten) herhalen
- De <input> tag krijgt behoorlijk wat nieuwe input-types, zoals: url, email, range en datetime.
- HTML elementen krijgen nieuw DOM attribuut classList, waarmee je de verschillende CSS classes die op een element gezet zijn kunt benaderen en wijzigen.
Zelf HTML5 proberen.. Nog even niet..
Het zal ongetwijfeld nog even duren voordat we een browser kunnen proberen die daadwerkelijk HTML5 kunnen weergeven. De opera webbrowser heeft wel al eens een internal build gepubliceerd met ondersteuning voor de <video> tag, en de Opera browser blijkt vanaf versie 9 al enige ondersteuning te hebben voor Web Forms 2.0, waar HTML5 op bouwt. Verschillende HTML5 artikelen vind je ook al op dev.opera.com. Andere browsers, Safari en Firefox, ondersteunen de <canvas> tag al een tijdje, dit is dan ook een van de features die uit de praktijk wordt toegevoegd.
Mensen zijn natuurlijk al bezig om te proberen om delen van de HTML5 spec nu al te gebruiken. Kijk bevoorbeeld eens naar dit artikel van John Resign: the HTML5 Shiv. Dit trucje, welke overigens niet in Firefox werkt, voor de verandering, geeft je natuurlijk geen van de nieuwe features die in de spec wordt gedefinieerd, maar geeft wel de mogelijkheid om te kijken hoe je met HTML5 zal gaan werken straks.
Op naar de volgende stap voor HTML5!
Volg Scriptorama via RSS!
on 
on 
on 
on 
on 
on
Reageer ook!
Ziet er zeker heel belovend uit, alleen het wel bekende onX is er nog steeds in gehouden.
Als dit alleen voor JavaScript is vraag ik mij of dit dan wel verstandig is?
De dragable objects is ook zo iets, ik heb geleerd dat je presentatie en functionaliteit gescheiden moet hebben. Met dit loopt dat eigenlijk door elkaar heen.
Wat wel mooi is om te zien dat frames eindelijk compleet verwijderd zijn!!
Ik zie er zeker naar uit hoe het gaat uitpakken.
Door Sebastiaan Stok
op 01.25.08 @ 12:28 pm | Permalink
Voor de geïnteresseerden, Anne van Kesteren houdt over twee weken een presentatie met discussie over HTML5 in Amsterdam. Meer info is op de website van Fronteers te vinden.
Door Arjan
op 01.25.08 @ 4:03 pm | Permalink
Een van de doelen van HTML5 is dat het backwards compatible blijft met HTML4, vandaar dat de onX handlers er ook nog tussen zitten.
Door Mathieu Kooiman
op 01.26.08 @ 8:32 am | Permalink
Ik ben het meest blij met de input uitbreidingen. Een aantal van de semantische wijzigingen komt voort uit voortschrijdend inzicht en zal door menig gebruiker nooit gemerkt worden. Dat itt tot formulieren waar men al vanaf dag 1 de balen van gehad heeft.
Attributen als required, min & max alsmede de date/mail/url types zijn eigenlijk zo logisch dat het eigenlijk wel vreemd is dat ze altijd ontbraken.
Door Maarten
op 01.27.08 @ 4:21 pm | Permalink
Gossie API's en "Persistent storage. Both key / value and a SQL database are supported."
Dat wordt interessant. Dat is dan een browser-side database neem ik aan?
Door Chris
op 01.27.08 @ 4:53 pm | Permalink
Yep. Dit bestaat al in de vorm van Google Gears en ook WebKit heeft hier al een implementatie van.
- http://gears.google.com/
- http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/
Door Mathieu Kooiman
op 01.27.08 @ 4:57 pm | Permalink
Zeg en wordt het ook prettiger om een layout te bouwen zonder tables? Ik vind het zo'n ramp met align:left en clear:both!
Door Chris
op 01.27.08 @ 5:17 pm | Permalink
Daarvoor komt straks CSS3, een standaard die los staat van HTML5 verder. Daar zouden in elk geval enkele verbeteringen in moeten komen, maar in grote lijnen blijft dat wel hetzelfde, vermoed ik.
Door Mathieu Kooiman
op 01.27.08 @ 5:19 pm | Permalink
Heel veel gesleuteld aan CSS kan er ook niet meer. Hoogstens enkele compabiliteits problemen die ze er eventueel uit kunnen poetsen...
Door Jan-Willem Bobbink
op 02.01.08 @ 12:22 pm | Permalink
Zit ook nog aardig wat humor in die drafts. Als ik die bekijk van Web Forms 2.0 kom ik bijvoorbeeld tegen:
The off value means that the control's input data is either particularily sensitive (for example the activation code for a nuclear weapon) or that it is a value that will never be reused (for example a one-time-key for a bank login) and indicates that the user should therefore explicitly enter the data each time, instead of being able to rely on the UA to prefill the value for him.
Door Gerard Klomp
op 02.06.08 @ 12:36 am | Permalink
Ben benieuwd, zover klinkt het allemaal wel aardig.
Zal wel weer een tijd duren voordat HTML5 een feit is.
Door Mike
op 04.28.08 @ 10:45 am | Permalink
[...] Bron: Scriptorama [...]
Door Wijzigingen in HTML5 standaard | WEBclusive op 02.19.09 @ 5:21 pm | Permalink
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>