HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 20

nen, sondern vielmehr nach ihrer inhaltlichen Bedeutung. Dadurch können Suchma-
schinen Webseiten eher »verstehen«, als sie nur zu durchsuchen.
Folgende HTML5-Elemente unterstützen das Prinzip des semantischen Webs:
section , nav , article , aside , hgroup , header , footer . Sie sehen, wie die Bezeichnung des
Tags an sich schon dessen Inhalt (z. B. article für einen Artikel) bzw. auch Funktion
( nav als Container für die Navigation) beschreibt.
Im Folgenden zeigen wir Ihnen einige der neuen Elemente, die Ihnen bei der Entwick-
lung Ihrer WebApp mit Sicherheit begegnen werden.
Gruppierungselemente, um die Auszeichnung zusätzlicher Inhalte zu vereinfachen
figure, figcaption
Können Sie dazu einsetzen, Bilder und Bildunterschriften semantisch besser auszu-
zeichnen.
Elemente zur Textauszeichnung
time, mark
Mit dem neuen Tag time können Sie Zeitangaben automatisch lokalisiert ausgeben.
Mit mark können Sie Textabschnitte markiert darstellen. Der markierte Text wird
dabei wie mit einem Textmarker gelb hinterlegt.
Multimedia-Inhalte
canvas, audio, video
Das canvas -Tag ist Grundlage für das Zeichnen von 2D-Grafiken mithilfe von Java-
Script. audio und video bieten die Einbindung von Sound und Video inklusive Fall-
backlösung. In Kapitel 4, »HTML5 als Designwerkzeug«, lernen Sie noch genauer, wie
Sie Video- und Audiodaten einbinden, sowie das Zeichnen mit dem canvas -Tag.
Formularelemente
input
Das input -Element, mit dem Eingabefelder, Checkboxen und im Allgemeinen Formu-
lare gestaltet werden, ist um verschiedene Typen erweitert worden. Dazu gehören Such-
begriffe, Telefonnummern, URL- und E-Mail-Adressen, Datums- und Zeitangaben,
Zahlen und sogar Farbdefinitionen. Besonders auf einem Smartphone können Sie