HTML5: Neuerungen und Unterschiede zu HTML im Überblick

Barrierefreie Website gestalten
Noora Harju
Noora Harju

Aktualisiert:

Veröffentlicht:

Ein kreativ und ansprechend gestalteter Webauftritt ist fĂŒr Unternehmen heutzutage unverzichtbar. Mit HTML können Sie unter anderem Bilder zur Veranschaulichung und Hyperlinks fĂŒr ein diversifiziertes Linkprofil sowie eine Optimierung Ihres Suchmaschinenrankings nutzen. Im Folgenden lernen Sie die wichtigsten Eigenschaften und Einsatzgebiete von HTML5 kennen.

Frau mit Hund am Laptop zuhause arbeitet mit HTML5

→ Leitfaden CSS & HTML fĂŒr AnfĂ€nger [Kostenloser Download]

Ist HTML5 Standard?

Im Unterschied zu VorgĂ€ngerversionen geht die Entwicklung von HTML5 nicht auf ein Entwicklerteam zurĂŒck, sondern auf zwei: das World Wide Web Consortium (W3C) und die Web Hypertext Application Technology Working Group (WHATWG). Beide hatten maßgeblich Einfluss auf diese neue Version.

Grund fĂŒr die Arbeit der WHATWG war die Tatsache, dass sich das W3C lange Zeit nicht oder zu wenig um die Weiterentwicklung von HTML (Hypertext Markup Language) gekĂŒmmert hat. Die Entwicklung von HTML5 begann bereits 2004 und fand am 28. Oktober 2014 ihren vorlĂ€ufigen Endpunkt.

Zu diesem Datum legte das W3C HTML5 nÀmlich als neue Kernsprache fest. Es lÀsst sich somit sagen, dass HTML5 die VorgÀngerversionen abgelöst hat und kontinuierlich von immer mehr Anwendern als Webstandard genutzt wird.

Das ist nötig, da sich die Art und Weise, das Internet zu nutzen, deutlich verÀndert hat. Galt es lange Zeit als wesentlich, Informationen bereitzustellen und Produkte anzubieten, so geht es heutzutage viel stÀrker um Interaktion.

Die Besucher und Besucherinnen eines Webauftritts sollen nicht passive Anwendende sein, die einfach nur Leistungen kaufen, sondern aktives Feedback an die Betreiber und Betreiberinnen geben. HierfĂŒr sind ganz andere Funktionen und Features erforderlich als bisher. Die entstandene LĂŒcke wird von HTML5 weitestgehend gefĂŒllt.

HTML5: Was ist neu?

HTML5 hat zahlreiche Neuerungen und Spezifikationen zu bieten, von denen Sie als Anwender beziehungsweise Anwenderin profitieren. Die wichtigsten lernen Sie im Folgenden kennen:

Strukturierende und interaktive Elemente

Zu den strukturierenden Elementen unter HTML5 gehören solche, die fĂŒr eine bessere Übersicht fĂŒr Suchmaschinen und Crawler im Internet sorgen. Hierzu gehören beispielsweise Navigationsleisten <nav> und Header <header> im Browser.

Ebenso ist es möglich, innerhalb von Dokumenten Strukturierungen vorzunehmen, damit einzelne Artikel oder Texte leichter gescannt und auf ihre Relevanz hinsichtlich bestimmter Keywords geprĂŒft werden können. In diesem Zusammenhang sind Funktionen wie <article> und <section> besonders wichtig.

Interaktive Elemente sind solche, die einen Kontakt zur Zielgruppe und den Nutzen beziehungsweise Nutzerinnen erleichtern. Insbesondere ausklappbare Elemente und Überschriften zĂ€hlen hierzu. Diese können beispielsweise mit <details> oder <summary> genutzt werden.

Multimediale Inhalte

Wer heutzutage einen erfolgreichen Webauftritt gestalten möchte, kommt an multimedialen Inhalten nicht vorbei. Mittels HTML5 ist es beispielsweise möglich, Audios <audio> und Videodateien <video> zu nutzen. Der Vorteil gegenĂŒber der reinen Hypertext Markup Language ist, dass hierfĂŒr kein zusĂ€tzliches Plugin mehr benötigt wird.

Formulardokumente

Des Weiteren hat HTML5 neue Funktionen fĂŒr Formularelemente zu bieten. So kann beispielsweise mit <progress> dargestellt werden, ob eine bestimmte Aufgabe bereits abgeschlossen oder noch schwebend ist. Über <datalist> ist es zudem kein Problem, VorschlĂ€ge zur VervollstĂ€ndigung eines bestimmten Dokuments zu machen.

Was kann man mit HTML5 machen?

HTML5 bietet im Vergleich zur klassischen Hypertext Markup Language zahlreiche Neuerungen und Funktionen, von denen Nutzer und Nutzerinnen profitieren. Ein großer HTML5-Vorteil besteht darin, dass es im Vergleich zu seinen VorgĂ€ngern eine klar nachvollziehbare Struktur besitzt. Somit ist es deutlich leichter möglich als bisher, Anpassungen am Code vorzunehmen.

Die Entstehung von Fehlern ist beispielsweise durch einen HTML5-Validator unwahrscheinlich und die Inhalte können in vielfĂ€ltigen Browsern angezeigt werden. Das ist nicht nur fĂŒr die User und Userinnen interessant, sondern wird auch von Suchmaschinen im Bereich SEO goutiert.

Ebenfalls angenehm ist, dass sich mit HTML5-Web-Apps anfertigen lassen, mit denen die Inhalte einer Website auch auf Smartphones und Tablets mĂŒhelos genutzt werden können. Somit haben Webseiten Besucher und Besucherinnen die Möglichkeit, unabhĂ€ngig vom verwendeten EndgerĂ€t auf die Inhalte zuzugreifen.

Des Weiteren unterstĂŒtzt HTML5 die InteraktivitĂ€t mit der Zielgruppe. So können beispielsweise Kommentarfunktionen angeboten werden, damit Besucher und Besucherinnen Feedback hinterlassen können.

Nicht zuletzt bietet HTML5 mit Canvas, unterschiedlichen Elementen und einer ausdifferenzierten HTML5 Syntax die Möglichkeit, den eigenen Webauftritt individuell zu gestalten und auf die persönlichen WĂŒnsche und Anforderungen anzupassen.

Beispiele fĂŒr HTML5

Viele neue HTML5-Tags und -Funktionen stehen Ihnen zur VerfĂŒgung. Die Folgenden gehören zu den beliebtesten:

<area>

Dient der Definition bestimmter Bereiche als „Hot Spot“. Diese Funktion eignet sich vor allem fĂŒr die Integration von Hyperlinks.

<cite>

Angesichts von PlagiatsjĂ€gern und -jĂ€gerinnen und im Namen der Suchmaschinenoptimierung ist es wichtig, auf Webseiten sauber zu zitieren. Das ist ĂŒber diesen Tag problemlos möglich.

<embed>

Mit diesem Tag können Sie externe Inhalte in Ihren Webauftritt integrieren.

<footer>

Mit diesem Element erstellen Sie eine Art Fußleiste, in der Sie Ihrer Zielgruppe Zusatzinformationen bereitstellen.

<input>

Dieser Tag erlaubt es Ihnen, interaktive Bedienelemente zu nutzen. Insbesondere fĂŒr webbasierte Formulare ist dies von Vorteil.

<time>

Mit diesem Element können Sie Zeiteinheiten wie Stunden oder Tage in Ihre Webseite integrieren.

Nutzen Sie die vielseitigen Funktionen von HTML5 fĂŒr Ihr Unternehmen

Durch Entwicklung von HTML5-Elementen hat sich das Funktionsspektrum der Auszeichnungssprache massiv erweitert. Sie können nun deutlich mehr Elemente und Spezifikationen als bisher verwenden. Das erlaubt es Ihnen, Ihren Webauftritt einzigartig, kreativ und ansprechend zu gestalten. Den Kampf HTML vs. HTML5 gewinnt HTML5 somit klar fĂŒr sich.

css html fĂŒr anfĂ€nger

Titelbild: Oscar Wong / iStock / Getty Images Plus

Themen: HTML

Verwandte Artikel

Mit diesem E-Book können Sie herausfinden, ob Ihre Website inklusiv und barrierefrei ist.

KOSTENLOS HERUNTERLADEN

CMS Hub is flexible for marketers, powerful for developers, and gives customers a personalized, secure experience

START FREE OR GET A DEMO