Übersicht über HTML5

HTML5

Struktur, Elemente & Attribute

Hypertext Markup Language, Cascading Style Sheets, Javascript... Sie verstehen nur Bahnhof? Wir von compuart.com informieren kurz und bündig über Grundlagen der Web-Programmierung. In diesem Beitrag stellen wir Ihnen HTML5, Veränderungen zu HTML4 und neue Elemente zur Strukturierung vor.

HTML5 Logo

Das Grundgerüst jeder Website besteht aus HTML. Eine Seite wird durch Tags strukturiert und es wird definiert, wo beim Aufrufen über den Browser Inhalte eingefügt werden sollen. Dafür wird HTML ständig weiterentwickelt. HTML5 ist der aktuellste HTML-Standard. 

Die neuen Elemente und Attribute werden inzwischen von den meisten Browsern dargestellt und eignen sich daher auch für das barrierefreie Webdesign. Unser Team hält sich immer auf dem neuesten Stand - für Ihre Webpräsenz bedeutet das aktuelle Technologien und optimale Leistung.

Die wichtigsten Neuerungen:

  • Einbinden Video & Audio ohne Flash
  • Unterstützung von CSS3
  • 2D- und 3D-Grafiken Vektorgrafiken
  • Semantische Divs
  • neue Formular-Elemente

HTML5-Elemente zur Strukturierung

Bisher bestand die Struktur einer Seite aus vielen einzelnen Div-Blöcken, die die Struktur der Seite festgelegt haben.

Mit HTML5 gibt es nun eine standardisierte Auszeichnung der wichtigsten Elemente wie zum Beispiel für den Kopf- und Inhaltsbereich, Navigation, Sidebar und einige mehr. So wird es auch Suchmaschinen erleichtert, relevante Inhalte ausfindig zu machen.

Eine weitere Neuerung bei HTML5 ist auch, dass die Dokumenttyp-Deklaration auf <!DOCTYPE html> reduziert werden kann.

headerKopfbereich der Seite, der zum Beispiel das Logo beinhalten kann.
sectionHier befindet sich der eigentliche Inhalt der Seite.
articleMit article lassen sich weitere Abschnitte innerhalb des section-Tags unterteilen.
asideInformationen, die am Rand stehen sollen, werden mit aside deklariert. 
footerSo lässt sich eine Fußzeile einfügen, in der normalerweise die weniger wichtigen Informationen stehen.
navIn diesem Bereich wird die Navigation eingefügt.