HTML5-Einführung

Beispiel in jedem Kapitel

Beispiel

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Ihr Browser unterstützt das Video-Tag nicht.
</video>
</body>
</html>

Selbst ausprobieren

Klicken Sie auf "Selbst ausprobieren", um zu sehen, wie dieses Beispiel läuft.

Was ist HTML5?

HTML5 ist der neueste HTML-Standard.

HTML5 ist speziell für die Bereitstellung reicher Web-Inhalte konzipiert und erfordert keine zusätzlichen Plugins.

HTML5 verfügt über neue semantische, grafische und Multimedia-Elemente.

Die neuen Elemente und neuen API von HTML5 vereinfachen den Aufbau von Web-Anwendungen.

HTML5 ist plattformübergreifend und wurde für die Ausführung auf verschiedenen Arten von Hardware (PC, Tablet, Smartphone, Fernseher usw.) entworfen.

Anmerkung:In den folgenden Kapiteln lernen Sie, wie Sie alte Browser "helfen", HTML5 zu behandeln.

Was gibt es neues in HTML5?

Die neue Dokumenttyp (DOCTYPE) Erklärung in HTML5 ist sehr einfach:

<!DOCTYPE html>
Die neue Zeichensatzkodierung (charset) Erklärung ist auch sehr einfach:
<meta charset="UTF-8">

HTML5 Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titel des Dokuments</title>
</head>
<body>
Inhalt des Dokuments......
</body>
</html>

Anmerkung:Die Standardzeichensatzkodierung in HTML5 ist UTF-8.

Neue Attribute Syntax in HTML5

HTML5 Standard ermöglicht vier verschiedene Syntaxen für Attribute.

Dieses Beispiel zeigt die verschiedenen Syntaxen, die im <input>-Tag verwendet werden können:

Typ Beispiel
Leer <input type="text" value="Bill Gates" disabled>
Ungequotationte <input type="text" value=Bill Gates>
Doppelte quotation marks <input type="text" value="Bill Gates">
Einfachste quotation marks <input type="text" value='Bill Gates'>

Im HTML5-Standard kann möglicherweise auf alle 4 Grammatiken angewendet werden, je nach Bedarf an Attributen.

HTML5 - Neue Funktionen

Einige der interessantesten neuen Funktionen von HTML5:

  • Neue semantische Elemente, wie <header>, <footer>, <article> und <section>.
  • Neue Formulareingabefelder, wie Zahlen, Datum, Zeit, Kalender und Schieberegler.
  • Starke Bildunterstützung (durch <canvas> und <svg>)
  • Starke Multimedia-Unterstützung (durch <video> und <audio>)
  • Starke neue API, wie lokale Speicherung anstelle von Cookies.

HTML5 - Entfernte Elemente

Nachstehende HTML 4.01 Elemente wurden aus HTML5 entfernt:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>