HTML and CSS Reference
In-Depth Information
figure / figcaption
Weitere neue Elemente, die nicht sprachlicher Natur sind, sondern konkret neue
Features in HTML5 ermöglichen, sind:
audio und video (inklusive source -Element)
canvas
time
details / summary
output
Für das input -Element werden zahlreiche neue Werte des type -Attributs definiert.
Dadurch hat der Browser die Möglichkeit, die Darstellung dieser Elemente je nach Typ
zu optimieren. Zu den derzeit im iPhone unterstützten Typen gehören beispielsweise
tel , url , email und number . Im Fall eines
<input type 'number'/>
wird dem Benutzer keine komplette Tastatur präsentiert, sondern nur ein Ziffernblock.
Die Eingabe der Daten durch den Nutzer wird dadurch natürlich deutlich vereinfacht.
Ebenso wurden bestehenden HTML-Elementen zahlreiche neue Attribute hinzugefügt:
Das a -Element hat nun ein ping -Attribut, das die URL zu einem Tracking-Pixel ent-
halten kann. Tracking-Pixel sind üblicherweise GIF-Bilder, die 1 x 1 Pixel groß und
transparent sind. Diese Pixel werden dazu verwendet, Werbeeinblendungen oder
Aktionen des Benutzers zu verfolgen. Der Browser fordert das definierte Pixel an,
bevor der eigentliche Link aufgerufen wird.
Ein äußerst praktisches neues Merkmal des input - und textarea -Elements ist das
Attribut placeholder . Sicherlich haben Sie auch schon JavaScript geschrieben, um
einen Platzhaltertext innerhalb eines input -Elements zu platzieren, wenn dieses
Element keinen Inhalt hat. Das placeholder -Attribut macht diesen JavaScript-
Code nun überflüssig.
Das input -Element hat jetzt ebenfalls zahlreiche neue Attribute, um weitere Ein-
schränkungen zu definieren. Dazu gehören die Attribute min , max , pattern und step .
Ganz neu in HTML5 sind die sogenannten Offline Web Applications. Es wird später
noch genauer darauf eingegangen. Kurz gefasst, kann eine gewöhnliche HTML-Seite
damit offline, also komplett ohne Internetverbindung, weitergenutzt werden, da
sämtliche Ressourcen dieser Seite auf dem Client gespeichert werden.
Das iframe -Element hat drei neue Attribute: sandbox , seamless und srcdoc .
Dadurch lässt sich definieren, welchen Zugriff das enthaltene HTML-Dokument auf
die Hostseite erhält - praktisch für Blog-Kommentare. Um hier zu verhindern, dass
ein eingeschleustes Stück JavaScript mit der Hostseite Unfug treibt, kann das ent-
sprechend restriktiv belegt werden. Die iframe -HTML-Seite hat damit keinen
Zugriff auf die umgebende HTML-Seite.
Des Weiteren sind nun bekannte Attribute aus HTML 4 zu globalen Attributen gemacht
worden. Die Attribute class , dir , id , lang , style und tabindex sind jetzt in jedem
Element vorhanden.
Search WWH ::




Custom Search