Information Technology Reference
In-Depth Information
Jedes HTML5-Dokument beginnt mit der Dokumenttyp-Deklaration
<!DOCTYPE
html>
, wobei es unerheblich ist, ob diese groß- oder kleingeschrieben wird. Als
zweite Neuerung sticht die verkürzte Schreibweise bei der Angabe des Enco-
dings ins Auge -
<meta
charset="UTF-8">
. Der Rest wie
html
,
head
,
title
oder
body
ist schon von HTML4 hinreichend bekannt, womit sich die Frage stellt:
Was
ist eigentlich neu in HTML5?
1.3.1
Was gibt es Neues?
Beim W3C finden wir in der von Anne van Kesteren betreuten Spezifikation
HTML5 differences from HTML4
die Antwort. Neben Listen mit neuen und nicht
mehr zu verwendenden Elementen oder Attributen entdecken wir dort auch
Hinweise auf neue oder geänderte APIs, ausgelagerte Spezifikationsteile und
schließlich das
HTML5 Changelog
, in dem chronologisch festgehalten ist, wann
und wie einzelne Features ihren Weg in oder aus der Spezifikation gefunden
haben:
http://www.w3.org/TR/html5-diff/
Die tabellarischen Übersichten bieten zwar viel Detail, aber wenig Übersicht,
weshalb uns vier
Wordles
in diesem Abschnitt begleiten werden. Erstellt wur-
den alle mit Jonathan Feinbergs Wordle Applet, das unter
http://www.wordle
. net/
frei verfügbar ist. Die Häufigkeit der einzelnen Begriffe und damit die
Größe der Schrift bestimmt bei neuen Elementen und Attributen die Zahl der
Querverweise, die innerhalb der HTML5-Spezifikation auf das jeweilige Feature
gesetzt wurden. Bei nicht mehr zu verwendenden Elementen und Attributen
entsprechen die Font-Größen der Nutzung im Web, wie sie von Opera im Rah-
men des
MAMA
-Projektes
What is the Web made of?
untersucht wurde (
http://
dev.opera.com/articles/view/mama/
).
Sehen wir uns zuerst die neuen Elemente im Wordle der Abbildung 1.2 an. High-
lights sind mit Sicherheit die Medien-Typen
video
,
audio
und
canvas
- bei Letz-
terem handelt es sich vereinfacht gesagt um ein mit JavaScript programmier-
bares Bild. Viele Neuerungen betreffen strukturgebende Elemente wir
article
,
section
,
header
,
hgroup
,
footer
,
nav
oder
aside
. Für Abbildungen stehen
figure
mit
figcaption
bereit, und ein- beziehungsweise ausblendbare Zusatzinforma-
tionen lassen sich über
details
in Kombination mit
summary
realisieren. Für
Fortschrittsanzeigen stehen
progress
, für Maßangaben aller Art
meter
und für
Zeit- und Datumsangaben
time
zur Verfügung.