Bryan Albrecht

HTML 5

Allgemein

Der DOCTYPE von HTML 5 sieht ist im Gegensatz zu den alten DOCTYPES recht einfach aus.

  1. <!DOCTYPE html>

Ebenso einfach wie der DOCTYPE ist das definieren des "charset".

  1. <meta charset="UTF-8">

Der Standard "Charset" ist: UTF-8.

Das Grundgerüst von HTML 5 ist gleich geblieben wie vorher:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title of the Webpage</title>
  6. </head>
  7. <body>
  8. Content of the Webpage
  9. </body>
  10. </html>

Semantik

Die interessantesten Neuerungen in Bezug auf die Semantik sind die Elemente, welche hinzugefügt wurden.

  • <header>
  • <footer>
  • <artivle>
  • <section>

Mit diesen Elementen ist es einfach möglich eine Website zu gliedern.

Controls

Mit HTML 5 sind auch neue Control-Elemente hinzugekommen.

Die wichtigsten Elemente sind:

  • Number
  • Date
  • Time
  • Calendar
  • Range

Grafiken

Um Grafiken einzufügen, kann man nun auch neue Elemente einfügen.

  • <svg>
  • <canvas>

Multimedia

Auch für Multimedia Elemente gibt es die einfache Möglichkeit diese einzubinden. Dies gilt für Videos und Audio Dateien.

  • <audio>
  • <video>

API's

Mit HTML 5 sind auch neue APIs hinzugekommen

Die API, welche dem Nutzer den grössten Mehrwert bietet, ist das Darg and Drop. Es ist also möglich Dateien in ein dafür vorgesehenes Feld zu ziehen, damit es hochgeladen wird.

Weitere APIs, welche hinzugekommen sind:

  • Geolocation
  • -Drag and Drop
  • Local Storage
  • Application Cache
  • Web Workers
  • SSE

Sonstiges

Entfernte Elemente:

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