language.htm | Änderungen der Auszeichnungssprache
Die folgenden Punkte sollen einen kurzen Überblick der neuen Elemente und Attribute in HTML 5 geben sowie geänderte Elemente und Attribute gegenüber HTML 4 aufzeigen.
Dies wird in einfacher Aufzählungsform geschehen, ohne weitere Erläuterungen.
Für eine genauere Beschreibung der Elemente und Attribute sowie ihre Verwendung, schaue bitte auf die Seite http://www.w3.org/TR/html5-diff/.
Neue Elemente
Die folgenden Elemente wurden zur besseren Inhalte-Strukturierung eingeführt:
sectionarticleasideheaderfooternavdialogfigure
Weitere Elemente sind:
audio,video(in Kombination mit dem neuensource-Element)embedmarkmeterprogresstimecanvascommanddatagriddetailsdatalist(zusammen mit einem neuenlist-Attribut voninput)eventsourcebboutputruby,rtandrb
Das type-Attribut des input-Elements kann jetzt folgende Werte besitzen:
datetimedatetime-localdatemonthweektimenumberrangeemailurlsearchcolor
Neue Attribute
HTML 5 führt unterschiedliche neue Attribute für verschiedene Elemente ein, die bereits Bestandteil von HTML 4 sind:
a,area→media,pingarea→hreflang,relbase→targetmeta→charsetinput,select,textarea,button→autofocusinput,output,select,textarea,button,fieldset→forminput,image,textarea→requiredfieldset→disabledinput→autocomplete,min,max,multiple,pattern,step,listinput,button,form→novalidatemenu→type,labelstyle→scopedscript→asynchtml→manifestlink→sizesol→reversediframe→seamless,sandbox
Verschiedene Attribute aus HTML 4 gelten jetzt für alle Elemente.
Diese werden als globale Attribute bezeichnet und sind folgende: class, dir, id, lang, style, tabindex und title.
Folgende neuen globalen Attribute werden mit HTML 5 eingeführt:
contenteditablecontextmenudraggablehiddendata-*
Veränderte Elemente
Die Bedeutung der folgenden Elemente wurde in HTML 5 leicht modifiziert, um ihre Anwendung im Web besser zu verdeutlichen und ihre Benutzung zu vereinfachen:
aaddressbhrilabelmenusmallstrong
Fehlende Elemente
Die Elemente, die in diesem Abschnitt aufgezählt werden, sollten nicht weiter verwendet werden. Trotdessen werden Endgeräte (bspw. Browser) diese noch unterstützen und HTML 5 wird für sie auch noch eine Dartsellungs-Umgebung bieten, deren Spezifikationen rechtzeitig veröffentlicht werden.
Folgende Elemente sind kein Bestandteil mehr von HTML 5, da ihre Benutzung nur die Präsentation betreffen und deshalb besser durch die Verwendung von CSS abgelöst werden sollen:
basefontbigcenterfontsstrikettu
Folgende Elemente sind kein Bestandteil mehr von HTML 5, da ihre Verwendung die Benutzerfreundlichkeit und Barrierefreiheit für den Benutzer in negativer Weise beeinflusst:
frameframesetnoframes
Die folgenden Elemente wurden entfernt, da sie selten benutzt wurden, ihre Verwendung nicht eindeutig war oder ihre Funktion von anderen Elementen übernommen werden kann:
acronymkann durchabbrersetzt werden.appletkann durchobjectersetzt werden.isindexkann durch die Verwendung von Formularelementen ersetzt werden.dirkann durchulersetzt werden.
Schließlich ist noscript nur noch in der HTML-Syntax zu verwenden, da es kein Bestandteil der XML-Syntax ist und die Auswirkungen von einem HTML-Parser abhängig sind.
Fehlende Attribute
Einige Attribute aus HTML 4 sind in HTML 5 nicht länger erlaubt.
Im folgende die Auflistung der Attribute und der Elemente, bei denen sie in HTML 5 nicht mehr existieren.
accesskey→a,area,button,input,label,legend,textarea.rev,charset→link,a.shape,coords→a.longdesc→img,iframe.target→link.nohref→area.profile→head.version→html.name→img,a(Alternative:id).scheme→meta.archive,classid,codebase,codetype,declare,standby→object.valuetype,type→param.language→script.summary→table.axis,abbr→td,th.scope→td.
Zusätzlich fehlen Attribute in HTML 5, die in HTML 4 nur für die Darstellung von Inhalten benutzt wurden und besser mit CSS umgesetzt werden können:
align→caption,iframe,img,input,object,legend,table,hr,div,h1,h2,h3,h4,h5,h6,p,col,colgroup,tbody,td,tfoot,th,thead,tr.alink,link,text, andvlink→body.background→body.bgcolor→table,tr,td,th,body.border→table,img,object.cellpadding,cellspacing→table.char,charoff→col,colgroup,tbody,td,tfoot,th,thead,tr.clear→br.compact→dl,menu,ol,ul.frame→table.frameborder→iframe.height→td,th.hspace,vspace→img,object.marginheight,marginwidth→iframe.noshade→hr.nowrap→td,th.rules→table.scrolling→iframe.size→hr.type→li,ol,ul.valign→col,colgroup,tbody,td,tfoot,th,thead,tr.width→hr,table,td,th,col,colgroup,pre.