Definition „Hypertext Markup Language 5“

Was ist HTML5?

| Autor / Redakteur: Stefan Luber / Stephan Augsten

Die Hypertext-Auszeichnungssprache HTML5 stellt die Vorgänger-Versionen deutlich in den Schatten.
Die Hypertext-Auszeichnungssprache HTML5 stellt die Vorgänger-Versionen deutlich in den Schatten. (Collage gemeinfrei: desing707 & JOSBORNE_ - Pixabay.com)

Das Kürzel HTML5 steht für Hypertext Markup Language und bezeichnet die fünfte Version der Internet-Auszeichnungssprache. Die HTML5-Spezifikation erschien 2014 und bringt im Vergleich zu HTML 4 viele neue Darstellungsmöglichkeiten und Funktionen für Internetseiten mit.

HTML5 – Motivation und Geschichte

Lange Zeit war der 1997 erschienene HTML4-Standard die maßgebliche Auszeichnungssprache für Internetseiten. Doch die Weiterentwicklung von HTML4 durch das World Wide Web Consortium (W3C) stockte und es wurden hauptsächlich Fehlerbereinigungen der Sprache implementiert.

Um die Entwicklung im Internet aktiver voranzutreiben, schlossen sich mehrere Browserhersteller zusammen und kündigten als „Web Hypertext Application Technology Working Group“ (WHATWG) einen Vorschlag für eine neue HTML5-Version an. Nach einigen Zwischenschritten und Anpassungen arbeiteten W3C und die WHATWG schließlich gemeinsam an einer HTML5-Spezifikation.

Vom ersten Arbeitsentwurf im Januar 2008 dauerte es bis zum 28. Oktober 2014, als die offizielle HTML5-Spezifikation („W3C Recommendation“) vorgelegt wurde. Mittlerweile ist HTML5 in fast allen Browsern in wesentlichen Teilen implementiert und viele Internetseiten nutzen die mit HTML5 eingeführten neuen Funktionen und Darstellungsmöglichkeiten.

Ziel der Entwicklung von HTML5 war es, eine mit bestehenden HTML-Inhalten kompatible Sprache zu schaffen, die universell, sicher und barrierefrei auf allen Endgeräten einsetzbar ist. Neue Funktionen und Darstellungsmöglichkeiten sollten ohne Plug-ins direkt mit der Computersprache nutzbar werden. Gleichzeitig sollte HTML5 klar strukturiert und in sich konsistent sein sowie die verschiedenen Aspekte der Sicherheit berücksichtigen.

Die einzelnen Spezifikationen von HTML5

HTML5 besteht aus mehreren Einzelspezifikationen, die jeweils bestimmte Bereiche der Auszeichnungssprache definieren. Neben der Hauptspezifikation HTML5, in der die Grundlagen wie Vokabular, HTML-Parser, HTML, XHTML und DOM, Standarddarstellung und Browserkontext beschrieben sind, existieren folgende weitere Spezifikationen:

  • HTML Microdata – für das Einbinden maschinenlesbarer Informationen in HTML-Dokumente
  • HTML-Canvas-2D-Kontext – für Schnittstellen zum Zeichnen zweidimensionaler Formen
  • HTML5-Nachrichtenübermittlung – für Methoden zum Datenaustausch
  • HTML+RDFa – für die Einbettung von RDF in XHTML für Dokumente

Darüber hinaus existieren unterstützende Dokumente, die beispielsweise die Auszeichnungssprache HTML genauer beschreiben, Unterschiede zwischen HTML4 und HTML5 aufführen oder Regeln für HTML5-Dokumente in XHTML-Syntax beschreiben.

Wesentliche Merkmale und Neuerungen in HTML5

Das eigentliche Vokabular von HTML5 setzt auf den vorhergehenden HTML-Spezifikationen auf. Zusätzlich beinhaltet die Spezifikation eine exakte Beschreibung der Struktur, wie einzelne Elemente miteinander verschachtelt werden dürfen.

Wesentliche Merkmale und Neuerungen von HTML5 sind neue Funktionen zur Einbindung von Audio- und Video-Inhalten sowie von 2D- und 3D-Grafiken. Solche Elemente wurden von HTML bisher nicht unterstützt und ließen sich nur mit zusätzlichen Plug-ins einbinden. Ein Beispiel für ein solches Plug-in ist Adobe Flash zur Wiedergabe von Flash-Inhalten.

Um die beschriebenen Inhalte direkt mit HTML5 einzubinden, setzen die Spezifikationen auf eine enge Verzahnung mit JavaScript und weiteren Beschreibungssprachen wie SVG (Scalable Vector Graphics) oder Canvas. Durch die konsequente Verwendung dieser Sprachen ergeben sich für den Entwickler viele neue Möglichkeiten.

Beispielsweise lassen sich vektorbasierte Grafiken direkt im Browser anzeigen, ohne dass dieser hierfür ein eigenes Plug-in benötigt. Auch Audio- oder Videoinhalte werden direkt ohne weitere Zusatzanwendungen im Browser abspielbar.

Grundsätzlich lassen sich alle Elemente einer Internetseite über JavaScript ansprechen und dynamisch gestalten. Weitere Neuerungen sind die Unterstützung von Geolocation und Offline-Nutzung, verbesserte SEO-Funktionen und die erweiterte Unterstützung für mobile Geräte.

Vorteile von HTML5 im Vergleich zu Vorgängerversionen

Durch die Einführung von HTML5 und die Unterstützung der wichtigsten Funktionen der Auszeichnungssprache durch die gängigen Browser ergeben sich zahlreiche Vorteile. Der Code von HTML5 ist wesentlich strukturierter und übersichtlicher aufgebaut. Dies vereinfacht eine spätere Bearbeitung des Codes und macht ihn weniger anfällig für Fehler.

Gleichzeitig steigt die Kompatibilität der programmierten Seiten in den verschiedenen Browsern wie Firefox, Google Chrome oder im Internet Explorer. Die darzustellenden Internetseiten können mit HTML5 interaktiver gestaltet werden, ohne dass die zusätzliche Installation von Plugins erforderlich wird. Für mobile Endgeräte stellt HTML5 die Möglichkeit zur Verfügung, so genannte Web Apps zu schreiben und zu nutzen.

Aufgrund der sauberen Strukturierung des HTML5-Codes profitieren auch Suchmaschinen, da diese HTML-Seiten nun besser lesen können. Damit steigt die SEO-Freundlichkeit der Seiten.

In der Entwicklung von Webseiten lassen sich erhebliche Kosteneinsparungen erzielen, da der Code auf unterschiedlichen Browsern und Endgeräten ausführbar ist und nicht für unterschiedlich Plattformen einzelne entwickelt werden muss. Minimiert werden mögliche Sicherheitsprobleme bei gleichzeitiger Verbesserung der Barrierefreiheit.

Kommentare werden geladen....

Kommentar zu diesem Artikel

Der Kommentar wird durch einen Redakteur geprüft und in Kürze freigeschaltet.

Anonym mitdiskutieren oder einloggen Anmelden

Avatar
Zur Wahrung unserer Interessen speichern wir zusätzlich zu den o.g. Informationen die IP-Adresse. Dies dient ausschließlich dem Zweck, dass Sie als Urheber des Kommentars identifiziert werden können. Rechtliche Grundlage ist die Wahrung berechtigter Interessen gem. Art 6 Abs 1 lit. f) DSGVO.
  1. Avatar
    Avatar
    Bearbeitet von am
    Bearbeitet von am
    1. Avatar
      Avatar
      Bearbeitet von am
      Bearbeitet von am

Kommentare werden geladen....

Kommentar melden

Melden Sie diesen Kommentar, wenn dieser nicht den Richtlinien entspricht.

Kommentar Freigeben

Der untenstehende Text wird an den Kommentator gesendet, falls dieser eine Email-hinterlegt hat.

Freigabe entfernen

Der untenstehende Text wird an den Kommentator gesendet, falls dieser eine Email-hinterlegt hat.

Aktuelle Beiträge zu diesem Thema

Development-Tools für macOS

Programmieren am Apple Mac

Development-Tools für macOS

Als vollwertiges Unix-System eignet sich macOS wunderbar für die Software-Entwicklung. Wir stellen einige Tools vor, mit denen das Programmieren leichter von der Hand geht. lesen

FMXLinux für Delphi und RAD Studio

Grafische Oberflächen für Linux-Applikationen

FMXLinux für Delphi und RAD Studio

Das mit RAD Studio und Delphi integrierte Framework FireMonkey, kurz FMX, unterstützt nun auch Linux-Distributionen. Linux als Zielplattform lässt sich dabei sowohl zu bestehenden als auch zu neuen Anwendungen hinzufügen. lesen

JavaScript-Framework Tabris für Tests freigegeben

Release Candiate zu Tabris.js 3.0 ist verfügbar

JavaScript-Framework Tabris für Tests freigegeben

Das JavaScript-Framework Tabris.js 3.0 soll vor der finalen Veröffentlichung ausführlichen getestet werden. Die Innoopract Informationssysteme GmbH hat deshalb einen entsprechenden Release Candidate veröffentlicht. lesen

Wege zur App – nativ, hybrid oder fürs Web

Abkürzungen erwünscht

Wege zur App – nativ, hybrid oder fürs Web

Um Apps für Android und iOS zu erstellen, gibt es mittlerweile sehr viele Ansätze. Eine Systematisierung ist hilfreich, um sich im technischen Dschungel zurechtzufinden. Ebenso entscheidend ist es, wie effektiv die jeweilige Vorgehensweise ist, denn die Time-To-Market ist oft entscheidend. Hier können plattformübergreifende Techniken punkten. lesen

Software muss dem Menschen dienen – nicht umgekehrt

Warum UX Engineers die Menschheit vor ihrem Ende retten

Software muss dem Menschen dienen – nicht umgekehrt

User Experience, kurz UX, wird in der Software-Entwicklung zu selten wertgeschätzt. Dabei ist das Nutzererlebnis ein maßgeblicher Faktor für die Kundenzufriedenheit. UX Engineering könnte sogar eines der wichtigsten Berufsfelder der kommenden Jahrzehnte werden. lesen

Angular und AngularJS

JavaScript-Fundamente für Single Page Apps, Teil 3

Angular und AngularJS

Angular ist von der Philosophie her ein vollständiges Framework und bietet Lösungen für nahezu sämtliche Aufgaben eines Frontent-Entwicklers. So kümmert sich die Open-Source-Software um Dinge wie die Validierung oder die Kommunikation mit dem Backend. lesen

Was ist XML?

Definition „Extensible Markup Language“

Was ist XML?

Die Extensible Markup Language – oder kurz XML – bildet die Basis für viele Datenformate, darunter auch die Neudefinition von HTML. XML-Dokumente speichern Daten strukturiert, in gleichzeitig maschinen- und menschenlesbarer Form. Das Anwendungsspektrum ist breit. lesen

Durchblick im JavaScript-Ökosystem

JavaScript-Fundamente für Single Page Apps, Teil 1

Durchblick im JavaScript-Ökosystem

Single Page Apps oder kurz SPAs werden im Wesentlichen in JavaScript unter Zuhilfenahme von Frameworks entwickelt. Die derzeit populärsten unter den Client-zentrierten JS-Frameworks sind React, Angular und Vue.JS; auf Serverseite dominiert Node.JS. Wir sehen uns die verschiedenen Lösungen in dieser Serie an. lesen

Web-Entwicklung und UI/UX-Design im Intensivkurs

Neunwöchige Coding-Bootcamps von Ironhack

Web-Entwicklung und UI/UX-Design im Intensivkurs

Web Development sowie User-Interface- und -Experience-Design – so lauten die beiden Themenkomplexe für die neunwöchigen Coding-Bootcamps von Ironhack. Der private Schulungsanbieter verspricht schnelle Lernerfolge mit aktuellem Bezug, dafür muss der potenzielle Student aber auch zahlen. lesen

copyright

Dieser Beitrag ist urheberrechtlich geschützt. Sie wollen ihn für Ihre Zwecke verwenden? Infos finden Sie unter www.mycontentfactory.de (ID: 44541878 / Definitionen)