HTML 5 Überblick

HTML 5 Überblick

Die letzte HTML Spezifikation ist von 1999, also mittlerweile knapp zehn Jahre her. Auch wenn man das kaum mitkriegt, hat sich seitdem einiges bewegt bei der W3C. Nachdem zwischenzeitlich immer wieder an XHTML gearbeitet wurde, wird jetzt doch noch eine Version 5 von HTML erscheinen. Und die neue Version wird eine Vielzahl von Änderungen enthalten.

Die größte Änderung der neuen Version dürfte der Abschied von SGML sein. Dadurch wird zum zweiten Mal ein sehr alter Standard verabschiedet, welcher damals auch mit XHTML beseitigt wurde.

Generell kann man sagen, dass HTML5 deutlich näher am Nutzer entwickelt worden ist, als irgendeine HTML/XHTML Version davor. Den Dokumententyp beispielsweise kann man in Zukunft mit einem simplen <!dopytype html> angeben. Bisher sind hier Mammutzeilen wie diese keine Seltenheit:

Bei vielen Änderungen kommt es einem so vor, als würde die W3C einfach die aktuellen Seiten als valide erklären. So wird beispielsweise das Verlinken von Blockelementen, was man heute schon sehr oft sieht, nun nachträglich als valide erklärt. Das dürfte auch eine Folge davon sein, dass die Browserhersteller diesmal deutlich besser in den Prozess eingebunden worden sind, als in die neuen Versionen zuvor. Die Browserhersteller müssen diesmal also nicht 2 Standards, den Standard und den quasi-Standard der im Web verwendet wird, unterstützten, sondern der Standard wird dem quasi-Standard einfach angepasst.

Ein weitere große Änderung ist die native Unterstützung von Audio und Videodateien. Ist Audio und Video Material bisher ausschließlich mit Flash oder Silverlight anzusehen, so sieht der neue Standard vor, dass die Browser dass auch nativ beherschen. Die Idee ist sicherlich gut, scheitert aber vermutlich an den Codecs. Leider wurde bei HTML 5 bisher kein Codec vorgeschrieben und daher wird das ganze vermutlich im Sande verlaufen.

Auch bei Canvas bewegt sich wieder einiges. Mit Canvas würde vieles erleichtert werden, zum Beispiel kann man damit sehr einfach Graphen oder ähnliches zeichnen. Die Ansteuerung läuft dabei über JavaScript – dürfte sich also früher oder später dann auch in den JS Frameworks wieder finden. Natürlich kann man damit theoretisch deutlich mehr machen, als nur Graphen zu zeichnen. Leider blockiert auch hier der Internet Explorer die Entwicklung aktuell noch ziemlich. Eventuell wird man die Unterstützung dafür aber im Internet Explorer 9 finden.

Eine weitere Neuerung wird die Einführung von neuen Tags. Die meisten Tags sind Blockelemente wie <div> und sollen diesen <div> auch ersetzen. Wo zur Zeit noch häufig ein <div id=“navi“> anzutreffen ist, soll in zukunft ein <nav> stehen. Vorteile hätte das ganze natürlich besonders für Screenreader, aber auch Drucker und Handys. Durch die klare Definition der einzelnen Elemente wäre es für die Screenreader möglich den Content von der Navigation noch deutlich trennen zu können. Handys könnten beispielsweise den Header und die Navigation ausblenden und damit mehr Platz schaffen für den eigentlichen Content.

Natürlich würde sich, bei strikter Einhaltung der Standards, für Google auch einiges vereinfachen. Der Footer wäre klar definiert und die Links daraus könnten beispielsweise einfacher abgeschwächt werden. Aber wer wird sich daran schon strikt halten? Interessant dürfte es allerdings werden, wenn die großen CMSe auf HTML 5 umstellen.
Weitere Elemente sind beispielsweise: <article>, <header> und <footer>.

Auch bei den Formularen wird sich einiges tun. So soll es in Zukunft neber den drei bekannten Typen (Text, Checkbox, Submit Button) weitere Spezialvarianten geben. Beispielsweise soll es Feldertypen für eMail, die URL, die Telefonnummer und die Farbe (Colorpicker) geben. Auch ein Feldtyp für Datums- und Zeitfelder soll es geben.
Die Feldertypen sind zwar keine rasante Neuerung,  schließlich gibt es das alles in JavaScript schon, dürfte aber doch in die richtige Richtung gehen. Vor allem dürfte man sich beim Einbau der einzelnen Funktionen viel Zeit sparen.

Auch zu erwähnen ist die Entscheidung Frames aus dem Standard zu streichen. Wer Frames umbedingt weiterhin braucht, kann Frames mit IFrames simulieren. Aber wer setzt schon noch wirklich auf ein Frame basierendes Layout?

HTML 5 führt auch ein neues Attribut namens contenteditable ein. Damit wird es möglich eine Seite zu bearbeiten. Übrigens hat hier Microsoft mal Erfindergeist bewiesen und das Attribut bereits seit dem IE 5.5 implementiert. Leider wurde aber nicht weitergedacht und es wurde kein Standard zum Speichern der bearbeiteten Dokumente spezifiziert.
Es stellt sich sowieso die Frage, wer von seinem angestammten Webeditor wie TinyMCE oder FCKeditor zu der (in meinen Augen unfertigen) HTML5 Lösung wechseln wird?

Auch wenn Web Storage nicht mehr explizit in HTML 5 spezifiziert wurde, so gibt es doch sehr viele Möglichkeiten Web Storage geschickt zu nutzen. Von daher dürften viele Web Applications in naher Zukunft auch ohne Google Gears offline funktionstüchtig sein.

In vielen Bereichen wurde also sinnvoll nachgearbeitet, wenn auch oft nur bereits bestehende JavaScript Lösungen in HTML umgeschrieben wurden. Für die Hobby Webdesigner dürfte das aber eine große Erleichterung sein. Durch die neuen HTML 5 Tags kann man darauf hoffen, dass auch sehbehinderte Menschen leichter Zugang zum Internet finden.nox

Alexander Ostermeyr

Ich beschäftigt mich seit mehr als 10 Jahren mit PHP und der Webentwicklung. Seit über 7 Jahren bin ich als Freelancer in München tätig. Seit Anfang 2009 arbeite ich intensiv mit Magento und habe diverse Module für das Shop System entwickelt.Haben Sie weitere Fragen? Kontaktieren Sie mich!

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Kavbet
betgaranti güncel
roketbet giriş
jokerbet
superbetin giriş
Casibom
betturkey giriş
baywin giriş
jokerbet güncel giriş
1xbet giriş
vevobahis giriş
sahabet
vevobahis güncel giriş
deneme bonusu
baymavi giriş
betesbet giris
betpark giriş
trendbet giriş
ultrabet güncel giriş
betparibu güncel giriş
betpark giriş
betasus adres
betcio giriş
kingroyal giriş
marsbahis
alobet
perabet güncel giriş
meritking
deneme bonusu 2026
medusabahis giriş
perabet giriş
jokerbet giriş
ultrabet güncel giriş
medusabahis
vevobahis güncel giriş
bankobet güncel giriş
safirbet güncel giriş
Holiganbet
romabet giriş
betkanyon güncel giriş
vevobahis
galabet giriş
supertotobet güncel giriş
grandpashabet giriş
grandbahis giriş
meybet
pokerplas güncel giriş
ultrabet
trendbet güncel giriş
tophillbet
jupiterbahis
superbetin güncel giriş
betpark
betgaranti giriş
betebet
rexbet
kalebet güncel giriş
sonbahis giriş
istanbul escort listesi
betpas giriş
betkom
pokerplas
vaycasino giriş
pusulabet
pokerklas
deneme bonusu
grandpashabet giriş
kalebet
trendbet
grandpashabet giriş
galabet güncel giriş
galabet
betzula
grandpashabet
cratosroyalbet giriş
sahabet güncel giriş
extrabet giriş
baymavi
kingroyal güncel
elexbet
madridbet
deneme bonusu veren siteler
casibom giriş
Slot Siteleri
hiltonbet giriş
superbetin
enjoybet
pusulabet giriş
betkare giriş
betparibu
Freespin Veren Siteler
meritking giriş
Freespin Veren Siteler
Millibahis giriş
baywin
betkare
pusulabet giriş
pusulabet
betgit
betpark
hiltonbet
supertotobet giriş
sonbahis güncel giriş
betlike
mavibet giriş
casibom
kingroyal
jupiterbahis giriş
Marsbahis
acarbet
Marsbahis
berlinbet
restbet güncel giriş
jokerbet giriş
vevobahis giriş
betkanyon giriş
betzula giriş
Lunabet
betoffice güncel giriş
betasus
milanobet
babilonbet giriş
Matbet güncel giriş
cratosroyalbet güncel giriş
piabet
pokerklas güncel giriş
bullbahis güncel giriş
jokerbet güncel giriş
sonbahis
meritking güncel
meritking
safirbet
betlike güncel giriş
vaycasino
Casibom
rexbet giriş
betcell giriş
betcio
padişahbet giriş
betcup
kralbet
betpark güncel
bahsegel giriş
deneme bonusu
phising bet
Marsbahis
madridbet
vevobahis giriş
sahabet güncel giriş
trendbet giriş
jojobet giriş
kingroyal giriş
betcell güncel giriş
ultrabet
betpas
betpark güncel giriş
alobet giriş
pokerplas giriş
goldenbahis
enjoybet güncel giriş
grandpashabet
elitbahis güncel giriş
elexbet giriş
tophillbet
betgaranti
tophillbet giriş
trendbet giriş
phising
betmoon giriş
gorabet giriş
ultrabet giriş
pashagaming giriş
roketbet güncel giriş
betoffice giriş
superbetin giriş
trendbet
jojobel
bettilt giriş
baymavi güncel giriş
padişahbet güncel giriş
grandbetting
1xbet
Millibahis
betovis giriş
betandyou
betoffice güncel giriş
asyabahis giriş
medusabahis giriş
madridbet giriş
grandbahis
Jojobet
marsbahis giriş
kingroyal
mavibet
babilonbet
deneme bonusu veren siteler
bahis.com giriş
pisabet güncel giriş
kingroyal güncel
meritking
zirvebet giriş
güvenilir bahis siteleri
betpas
betpas güncel
istanbul vip escort
romabet
perabet güncel giriş
asyabahis
betpas
madridbet güncel
betgaranti güncel
alobet güncel giriş
grandpashabet güncel giriş
vaycasino
hiltonbet güncel giriş
rexbet güncel giriş
kingroyal giriş
1xbet güncel giriş
cratosroyalbet güncel giriş
ikimisli güncel giriş
betpark güncel
betasus giriş
pulibet giriş
betkom giriş
betebet giriş
betpark
madridbet
betcup güncel giriş
Padişahbet
istanbul escort
superbetin güncel giriş
pisabet giriş
bullbahis giriş
padişahbet
betine
Marsbahis
holiganbet
betkanyon
betpas güncel giriş
cratosroyalbet
holiganbet giriş