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.