{"id":40928,"date":"2021-03-31T10:13:57","date_gmt":"2021-03-31T08:13:57","guid":{"rendered":"https:\/\/kinsta.com\/?p=91142"},"modified":"2023-08-24T12:14:59","modified_gmt":"2023-08-24T11:14:59","slug":"html-vs-html5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/","title":{"rendered":"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen"},"content":{"rendered":"

HTML vs. HTML5. Was ist der gro\u00dfe Unterschied? Wenn du in die Frontend-Entwicklung einsteigen oder mit Code in WordPress<\/a> arbeiten m\u00f6chtest, musst du den Unterschied kennen. Es kann besonders verwirrend sein, weil manche Leute die beiden Begriffe austauschbar verwenden, aber technisch gesehen sind es zwei verschiedene Dinge – obwohl sie auch miteinander verwandt sind.<\/p>\n

Lass uns die Unterschiede zwischen HTML und HTML5 durchgehen, was besser ist und was sich mit dem gr\u00f6\u00dften Update der beliebten Markup-Sprache ge\u00e4ndert hat.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Was ist HTML?<\/h2>\n

HTML steht f\u00fcr HyperText Markup Language<\/strong>. Es bildet die Bausteine des Webs und ist wahrscheinlich die bekannteste Programmiersprache<\/a>, die es gibt.<\/p>\n

HTML ist die Standardsprache, die f\u00fcr die Webentwicklung verwendet wird. Es erlaubt dir, die Grundstruktur einer Webseite mit Hilfe von kleinen Tags zu erstellen, die Markup Tags genannt werden. Um zum Beispiel einen Text kursiv zu setzen, kannst du ihn in HTML-Tags verpacken:<\/p>\n

<i>Italicized text.<\/i><\/code><\/pre>\n
\"HTML
HTML Tag Beispiel<\/figcaption><\/figure>\n
Ein Gro\u00dfteil von HTML ist \u00e4hnlich einfach und f\u00fcr den Menschen lesbar, so dass auch Nicht-Entwickler es leicht finden, damit zu arbeiten. Wenn man bedenkt, wie wichtig es f\u00fcr das World Wide Web ist, ist der Einstieg in HTML erschreckend einfach.<\/p>\n
Es ist unm\u00f6glich, eine Webseite zu erstellen, ohne HTML zu benutzen. Es gibt zwar Website-Builder<\/a>, mit denen du eine Webseite erstellen kannst, ohne irgendeinen Code anzufassen, wie z.B. WordPress<\/a>, aber sie arbeiten immer noch mit HTML-Code hinter den Kulissen.<\/p>\n
Wenn du also ein Webentwickler werden oder tiefer in Tools wie WordPress eintauchen willst, musst du nat\u00fcrlich HTML lernen.<\/p>\n
HTML wird oft mit anderen Sprachen wie CSS<\/a> und JavaScript gepaart, um seine Funktionalit\u00e4t zu erweitern. CSS hilft dir, HTML zu stylen, indem du Farben, Layouts und mehr hinzuf\u00fcgst, w\u00e4hrend JavaScript eine traditionellere Programmiersprache ist, mit der du erweiterte Funktionen hinzuf\u00fcgen kannst.<\/p>\n
Diese beiden Sprachen lassen sich zwar gut mit HTML kombinieren, sind aber nicht unbedingt notwendig, um eine Webseite zu erstellen. HTML ist auf jeden Fall notwendig, und deshalb ist es die wichtigste Websprache.<\/p>\n\n
Was ist HTML5?<\/h2>\n
\"HTML5
HTML5 Logo (Quelle: W3C<\/a>)<\/figcaption><\/figure>\n
HTML5 ist kein eigenst\u00e4ndiges System, sondern die neueste Version der HTML-Technologie. Sein Vorg\u00e4nger, HTML4, hatte sein erstes und letztes Update im Dezember 1999. HTML5 selbst ist eigentlich nicht sehr neu, es wurde vor einigen Jahren im Jahr 2014 ver\u00f6ffentlicht.<\/p>\n
Was ist also der gro\u00dfe Unterschied? Warum der ganze Hype? W\u00e4hrend viele der Markup-Tags unver\u00e4ndert geblieben sind (man sollte nicht reparieren, was nicht kaputt ist), wurden einige von ihnen vereinfacht, so dass es viel einfacher und schneller ist, Code zu schreiben. Es basiert auf einem v\u00f6llig neuen Standard, und auch das Parsing ist komplett anders.<\/p>\n
Im Gegensatz zu \u00e4lteren HTML-Versionen, mit denen du haupts\u00e4chlich statische Webseiten erstellen konntest, die mit CSS und JavaScript aufgepeppt werden mussten, ist HTML5 viel dynamischer und beinhaltet Multimedia-Elemente. Es unterst\u00fctzt nativ Video und Audio, und du kannst sogar Spiele oder Animationen damit erstellen.<\/p>\n
Mit anderen Worten: HTML5 ist voll und ganz in der Lage, Dinge zu tun, die du fr\u00fcher mit alten Tools wie JavaScript, Flash oder Silverlight erledigen musstest. Das bedeutet, dass deine Webseite sicherer ist und weniger Angriffsfl\u00e4che f\u00fcr Angreifer bietet<\/a>, die versuchen einzudringen.<\/p>\n
Und w\u00e4hrend CSS und JavaScript immer noch definitiv notwendig sind, um eine vollwertige Webseite zu erstellen, musst du dich nicht mehr auf sie verlassen, um \u00fcberhaupt etwas Dynamisches zu machen.<\/p>\n
HTML5 ist nicht mehr nur ein Website-Builder. Es ist ein kompletter Application Builder f\u00fcr sich selbst.<\/p>\n
Anstatt dass das n\u00e4chste Update als „HTML6“ herauskommt, wird HTML5 kontinuierlich als lebender Standard aktualisiert und entwickelt sich mit den Bed\u00fcrfnissen des Webs. Es ist die neuste und beste Version dieser langlebigen Technologie, und es wird noch eine lange Zeit hier sein.<\/p>\n
HTML vs. HTML5: Die Unterschiede abw\u00e4gen<\/h2>\n
Wenn die meisten Leute \u00fcber „HTML“ sprechen, meinen sie die Technologie als Ganzes, einschlie\u00dflich ihrer neuesten Version: HTML5. Obwohl es in vielerlei Hinsicht anders ist, ist HTML5 eigentlich nur ein ausgefeiltes Update des alten Standards.<\/p>\n
W\u00e4hrend HTML und HTML5 Teil desselben Systems sind, brachte das gro\u00dfe Update einige Verbesserungen f\u00fcr die alte Programmiersprache, die es noch effizienter machen. Hier sind nur ein paar Beispiele daf\u00fcr, was hinzugef\u00fcgt wurde.<\/p>\n
Kompatibilit\u00e4t<\/h3>\n
Als HTML5 zum ersten Mal herauskam, war die Kompatibilit\u00e4t ein gro\u00dfes Problem und ein Hauptgrund, warum sich viele daf\u00fcr entschieden, ihre Webseite noch nicht zu aktualisieren. Wenn der Browser nicht wusste, wie er ein HTML5-Tag parsen sollte, konnte es zu kaputten oder seltsam aussehenden Seiten f\u00fchren.<\/p>\n
Das Gegenteil ist der Fall: Webseiten, die in den alten HTML4-Standards geschrieben sind, werden in modernen Browsern<\/a> oft kaputt gehen, da die Browser den Support f\u00fcr veraltete Funktionen l\u00e4ngst eingestellt haben. Wenn du mit den meisten Browsern kompatibel bleiben willst, ist HTML5 der richtige Weg.<\/p>\n
W\u00e4hrend \u00e4ltere Versionen von HTML in Browsern wie dem Internet Explorer gut funktionieren, werden diese veralteten Versionen von der Mehrheit der Nutzer nicht mehr unterst\u00fctzt oder verwendet. Die meisten Leute werden keine Webseiten f\u00fcr solche alten Browser programmieren m\u00fcssen, also gibt es keinen Grund, HTML4 zu verwenden.<\/p>\n
Wie du hier sehen kannst, werden HTML5 und die meisten seiner Funktionen von allen modernen Browsern unterst\u00fctzt<\/a>. Die neuen Tags werden vollst\u00e4ndig oder teilweise von allen Browsern au\u00dfer dem Internet Explorer 6-8 und Firefox 2 unterst\u00fctzt, die alle aus den fr\u00fchen 2000er Jahren stammen und heute kaum noch genutzt werden.<\/p>\n
\"Pr\u00fcfen
Pr\u00fcfen auf HTML vs. HTML5 Browser Support<\/figcaption><\/figure>\n
W\u00e4hrend alle modernen Browser HTML4 technisch unterst\u00fctzen, ist der Support f\u00fcr veraltete Tags bestenfalls l\u00fcckenhaft. Du solltest die Verwendung veralteter Standards vermeiden und zu HTML5 wechseln.<\/p>\n
Multimedia Support<\/h3>\n
Eine der gr\u00f6\u00dften Neuerungen von HTML5 ist der Support f\u00fcr Multimedia-Elemente wie Audio, Video, Vektorgrafiken<\/a>, Animationen und Spiele.<\/p>\n
In den alten Tagen des Webs war es normalerweise notwendig, JavaScript, Flash oder eine andere Technologie zu verwenden, um eine einfache Animation auf deiner Webseite einzubinden. Jetzt kannst du es in HTML oder CSS machen, ohne dich f\u00fcr m\u00f6gliche Exploits zu \u00f6ffnen.<\/p>\n
Bei Video<\/a> und Audio<\/a> ist das Einbetten eines Players so einfach wie das Einf\u00fcgen eines einfachen Tags. Es gibt viele Konfigurationsm\u00f6glichkeiten, wie z.B. das Einschalten von Autoplay oder das Hinzuf\u00fcgen von Steuerelementen f\u00fcr den Player.<\/p>\n
\"HTML5
HTML5 Audio Player<\/figcaption><\/figure>\n
HTML5 unterst\u00fctzt auch das Einbetten von SVG-Vektorgrafiken<\/a> – Bilder, die sich ohne Verpixelung an jede Aufl\u00f6sung anpassen k\u00f6nnen. SVGs werden immer beliebter, um Grafiken online darzustellen, da sie sich gut dehnen lassen, um jede Bildschirmgr\u00f6\u00dfe auszuf\u00fcllen.<\/p>\n
Schlie\u00dflich kannst du mit HTML5 auch vollwertige Videospiele<\/a> erstellen, besonders wenn du es mit JavaScript kombinierst. Viele Tools zur Erstellung von Spielen lassen sich sogar auf HTML5 portieren und erlauben dir, das Ergebnis auf deiner Webseite einzubetten.<\/p>\n
Dieser multimediale Support macht HTML5 zum idealen Kandidaten, um viele veraltete Technologien zu ersetzen, darunter Java Web Start, Silverlight und seit kurzem auch Flash<\/a>. Fast alles, was du mit diesen Systemen machen kannst, kann in HTML5 einfacher und effizienter erledigt werden.<\/p>\n
SGML<\/h3>\n
Die urspr\u00fcngliche HTML-Sprache (bis zur Version 4) basierte stark auf dem SGML-Standard oder Standard Generalized Markup Language.<\/p>\n
Obwohl SGML dazu gedacht ist, Markup zu standardisieren, Verwirrung zu beseitigen und sowohl HTML als auch XML inspiriert hat, stammt es von einer Sprache ab, die in den 1960er Jahren entwickelt wurde. Es ist uralt und wurde daher nicht mit Blick auf moderne Webanwendungen<\/a> entwickelt.<\/p>\n
HTML5 hat sich dahingehend entwickelt, dass es nicht mehr SGML-konform ist; stattdessen parst<\/a> es nach seinen eigenen Regeln. W\u00e4hrend seine Urspr\u00fcnge immer noch in SGML liegen und HTML5 nur eine Erweiterung der bestehenden Technologie ist, ist es nicht mehr konform mit diesen Standards.<\/p>\n
Ein Ergebnis davon ist, dass die Fehlerbehandlung jetzt viel nachsichtiger ist. Ein kleiner Fehler f\u00fchrt nicht mehr zu einem eklatanten Problem f\u00fcr die Betrachter deiner Seite, oder zu einer Seite, die \u00fcberhaupt nicht geladen wird.<\/p>\n
Auch die Semantik, also die Tags, haben sich drastisch verbessert. Um deine Seite \u00fcberhaupt zu strukturieren, mussten fr\u00fcher st\u00e4ndig <div><\/code>-Tags verwendet werden: <div id=\"header\"><\/code>, <div id=\"menu\"><\/code>, und <div class=\"post\"><\/code>.<\/p>\n
In HTML5 w\u00fcrden diese klobigen Codes <header><\/code>, <nav><\/code> und <article><\/code> hei\u00dfen. Diese Tags sind sowohl sauberer als auch responsiver.<\/p>\n
Es wurden auch einige neue Tags<\/a> eingef\u00fchrt. Viele von ihnen wurden geschaffen, um die Divs und Frames zu ersetzen, die zuvor zur Strukturierung von Seiten verwendet wurden.<\/p>\n
Viele der alten Markup-Tags wurden v\u00f6llig unver\u00e4ndert \u00fcbernommen, so dass HTML5 teilweise abw\u00e4rtskompatibel zu \u00e4lteren Versionen ist. Aber ein unangetastetes HTML4-Dokument wird mit den neuen Standards nicht mehr korrekt geparst.<\/p>\n
W\u00e4hrend es einige Unterschiede zwischen HTML und HTML5 gibt, sind die \u00c4nderungen generell zum Besseren und sollen die Auszeichnungssprache zug\u00e4nglicher machen.<\/p>\n
Bessere Performance und Mobile Support<\/h3>\n
Einer der gr\u00f6\u00dften Vorteile von HTML5 ist, dass es viel schneller und responsiver ist als fr\u00fchere Versionen. In der \u00c4ra des urspr\u00fcnglichen HTML war es noch nicht einmal ein Traum, mit anderen Ger\u00e4ten als Computern auf das Internet zuzugreifen; jetzt ist es von unseren Handys, Uhren und Fernsehern aus zug\u00e4nglich, auch dank der Geschwindigkeit von HTML5.<\/p>\n
Die neue Version brachte bessere Standards, um Webseiten auf kleineren, weniger leistungsf\u00e4higen Ger\u00e4ten fl\u00fcssiger laufen zu lassen. Viele Performance-Probleme werden immer noch von dir und der Qualit\u00e4t deines Codes abh\u00e4ngen. Allerdings wurden mit dem HTML5-Update auch viele lose Enden auf der HTML-Seite verbunden.<\/p>\n
Zum Beispiel unterst\u00fctzt HTML5 Multi-Threading<\/a> mit JavaScript Web Workern, was es dem Prozessor deines Ger\u00e4ts erlaubt, mehr seiner Leistung f\u00fcr die Ausf\u00fchrung von Skripten zu nutzen. Code, der fr\u00fcher eine Seite verlangsamte, l\u00e4uft nun nahtlos.<\/p>\n
Das Design von responsive Webseiten ist in HTML5 auch viel einfacher. Bei HTML4 wurden viele nicht responsive Elemente, wie z.B. divs, durch Struktur-Tags ersetzt, die auf mobilen Ger\u00e4ten besser funktionieren.<\/p>\n
Frames<\/a> wurden ebenfalls entfernt, da sie Probleme mit der Benutzerfreundlichkeit und Zug\u00e4nglichkeit verursachten. Obwohl sie immer noch unterst\u00fctzt werden, sind sie veraltet und sollten nicht mehr verwendet werden, es sei denn, du arbeitest mit veralteter Technologie.<\/p>\n
Es gibt zwar keinen direkten HTML5-Ersatz f\u00fcr Frames, aber es wird empfohlen, CSS-Elemente wie Flexboxen oder Iframes (die in HTML5 noch unterst\u00fctzt werden) zu verwenden, um die alte Funktionalit\u00e4t zu ersetzen.<\/p>\n
Bessere Formular-Steuerelemente<\/h3>\n
Neue Steuerelemente f\u00fcr Formulare bedeuten eine neue Ebene der Kontrolle \u00fcber deine Webseite. Auch wenn es wie ein kleines Feature aussieht, bedeutet es, dass du dich auf eine externe Technologie weniger verlassen musst, um ein funktionierendes Formular zu erstellen.<\/p>\n
\"HTML
HTML 5 Formular Beispiel<\/figcaption><\/figure>\n
Urspr\u00fcnglich unterst\u00fctzte HTML nur die Eingabetypen Text, Passwort, Hidden, Checkbox\/Radio und Dateiupload. Das reicht zwar aus, um ein einfaches Eingabeformular zu erstellen, aber es gibt jetzt so viel mehr, was du mit HTML5-Eingabetypen<\/a> machen kannst.<\/p>\n
Neu hinzugekommen sind E-Mail, Telefonnummer, URL, Suchfeld, Slider, numerische Eingaben, Datums- und Zeitauswahl und Farbauswahl.<\/p>\n
Diese vielf\u00e4ltige Auswahl an Eingabetypen erm\u00f6glicht es dir, bessere Formulare<\/a> zu erstellen, die mehr Inhaltstypen akzeptieren k\u00f6nnen, mit integrierter Validierung, um sicherzustellen, dass sie korrekt sind. Schau dir die vollst\u00e4ndige Liste der HTML-Eingaben<\/a> f\u00fcr weitere Informationen an.<\/p>\n
Web-Speicher<\/h3>\n
Wenn es um Webspeicherung geht, unterst\u00fctzen HTML4 und darunter im Wesentlichen Cookies und wenig anderes. Das Speichern von Informationen au\u00dfer dem grundlegenden User Tracking in einem winzigen 4 Kilobyte gro\u00dfen Cookie war nahezu unm\u00f6glich.<\/p>\n
Auf der anderen Seite kannst du mit lokalem Speicher je nach Browser 5-10 Megabyte an Daten speichern. Damit kannst du clientseitige Informationen \u00fcber fr\u00fchere Sitzungen, Offline-Zugangsdaten, pers\u00f6nliche Anpassungen und mehr speichern. Au\u00dferdem wird der lokale Speicher im Gegensatz zu Cookies nicht automatisch gel\u00f6scht.<\/p>\n
\"Dark-Modus
Dark-Modus im WordPress Customizer aktiviert<\/figcaption><\/figure>\n
Ein Beispiel daf\u00fcr, was du mit lokalem Speicher machen kannst, ist, die Pr\u00e4ferenz eines Nutzers f\u00fcr das helle oder dunkle Theme auf deiner Webseite zu speichern, um sicherzustellen, dass sie deine Webseite bei ihrem n\u00e4chsten Besuch weiterhin so sehen, wie sie es bevorzugen. Zwar kannst du die Pr\u00e4ferenzen der Nutzer auch mit Cookies speichern, aber der Browser wird sie nach einiger Zeit unweigerlich l\u00f6schen.<\/p>\n
HTML5 unterst\u00fctzt die lokale Speicherung durch die Web Storage API<\/a>. Au\u00dferdem unterst\u00fctzt es Web SQL Datenbankspeicher<\/a>, indexierte Datenbankspeicher und sogar Dateizugriff mit der File API<\/a>. Viele davon lassen sich \u00fcber APIs<\/a> mit JavaScript integrieren. Davor war es entweder extrem umst\u00e4ndlich zu machen oder in einigen F\u00e4llen einfach nicht m\u00f6glich oder extrem umst\u00e4ndlich zu machen.<\/p>\n
Was ist besser: HTML oder HTML5?<\/h2>\n
Wenn du programmieren lernen willst, solltest du es auf jeden Fall vermeiden, veraltete Standards zu verwenden. HTML5 ist die neueste Version von HTML und sollte immer gegen\u00fcber \u00e4lteren Versionen der Sprache bevorzugt werden.<\/p>\n
Wie oben aufgef\u00fchrt, verbessert HTML5 mehrere Aspekte von HTML4, die veraltet und schwierig zu bearbeiten waren. Au\u00dferdem kann HTML5 viele Dinge nativ erledigen, w\u00e4hrend HTML4 komplett auf l\u00e4ngst veraltete Systeme wie Silverlight, Java<\/a> Web Start und Flash angewiesen ist.<\/p>\n
W\u00e4hrend HTML5 auf super alten Browsern und Betriebssystemen (wie dem Internet Explorer oder alten Versionen von Mobiltelefonen) nicht immer richtig angezeigt wird, sind diese Plattformen extrem veraltet und werden kaum noch genutzt. Es gibt keine guten Gr\u00fcnde mehr, veraltete Versionen von HTML gegen\u00fcber modernen Standards zu verwenden.<\/p>\n
Leider gibt es im Internet und in B\u00fcchern eine Menge Informationen \u00fcber \u00e4ltere Versionen von HTML. Wann immer du eine Anleitung nachschl\u00e4gst oder aus einem Kurs oder Buch lernst, stelle sicher, dass es \u00fcber HTML5 spricht und nach 2014 ver\u00f6ffentlicht oder aktualisiert wurde. Es hat keinen Sinn, veraltete Standards von 1999 zu lernen.<\/p>\n
Wie man HTML zu HTML5 konvertiert<\/h2>\n
Wenn du eine \u00e4ltere Webseite hast, musst du sie aktualisieren. Leider gibt es keine wirkliche M\u00f6glichkeit, eine vollst\u00e4ndige Konvertierung ohne manuelle Arbeit durchzuf\u00fchren.<\/p>\n
Am besten liest du dir die HTML5-Spezifikation<\/a> durch (oder nimmst einen HTML-Kurs, wenn du v\u00f6llig neu in der Sprache bist) und machst dich mit den \u00c4nderungen vertraut. Danach kannst du den Code neu schreiben und die neuen Funktionen, die in HTML5 hinzugef\u00fcgt wurden, hinzuf\u00fcgen.<\/p>\n
Schau dir diesen Leitfaden zur Migration von HTML4 zu HTML5<\/a> an. Es behandelt ausf\u00fchrlich die manuellen \u00c4nderungen, die du am Code vornehmen musst.<\/p>\n
Du k\u00f6nntest auch diesen XHTML zu HTML5 Konverter<\/a> ausprobieren, aber stelle sicher, dass du deinen Code manuell \u00fcberpr\u00fcfst oder ihn in einen Validator einf\u00fcgst, bevor du ihn auf deine Webseite importierst.<\/p>\n
Gl\u00fccklicherweise ist HTML5 gr\u00f6\u00dftenteils neuer Inhalt. Es gibt ein paar veraltete Tags<\/a>, die du ersetzen musst, aber abgesehen davon ist die Aktualisierung des Codes normalerweise kein gro\u00dfes Unterfangen, es sei denn, deine Webseite verl\u00e4sst sich stark auf veraltete Technologien wie Frames.<\/p>\n\n
Zusammenfassung<\/h2>\n
HTML und HTML5 sind nur zwei Teile der gleichen Technologie, auch wenn sie leicht unterschiedliche Dinge bedeuten. HTML bezieht sich auf die Auszeichnungssprache als Ganzes, oft auf die neueste Version, w\u00e4hrend HTML5 das neueste Update davon ist.<\/p>\n
Wenn du HTML lernen willst, ist es wichtig, die neueste Ausgabe zu verwenden: HTML5. Es ist in jeder Hinsicht besser, und auch wenn es bedeutet, dass man eine Menge alten Code manuell umwandeln muss, ist es die M\u00fche definitiv wert.<\/p>\n
HTML5 ist nun schon einige Jahre alt, und als lebender Standard der Sprache als Ganzes, wird es nur weiter aktualisiert werden, um mit dem modernen Web zu arbeiten.<\/p>\n","protected":false},"excerpt":{"rendered":"
HTML vs. HTML5. Was ist der gro\u00dfe Unterschied? Wenn du in die Frontend-Entwicklung einsteigen oder mit Code in WordPress arbeiten m\u00f6chtest, musst du den Unterschied kennen. …<\/p>\n","protected":false},"author":20,"featured_media":40932,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[215,28],"topic":[990,991],"class_list":["post-40928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-webdev","topic-webentwicklung-sprachen","topic-web-entwicklungs-tools"],"yoast_head":"\nHTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen<\/title>\n<meta name=\"description\" content=\"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen\" \/>\n<meta property=\"og:description\" content=\"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-31T08:13:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T11:14:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"13\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen\",\"datePublished\":\"2021-03-31T08:13:57+00:00\",\"dateModified\":\"2023-08-24T11:14:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\"},\"wordCount\":2689,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png\",\"keywords\":[\"html\",\"webdev\"],\"articleSection\":[\"WordPress Entwicklung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\",\"name\":\"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png\",\"datePublished\":\"2021-03-31T08:13:57+00:00\",\"dateModified\":\"2023-08-24T11:14:59+00:00\",\"description\":\"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png\",\"width\":1460,\"height\":730,\"caption\":\"html vs html5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web-Entwicklungssprachen\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/webentwicklung-sprachen\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen","description":"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/","og_locale":"de_DE","og_type":"article","og_title":"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen","og_description":"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.","og_url":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2021-03-31T08:13:57+00:00","article_modified_time":"2023-08-24T11:14:59+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png","type":"image\/png"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png","twitter_creator":"@digitalinkwell","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Brenda Barron","Gesch\u00e4tzte Lesezeit":"13\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen","datePublished":"2021-03-31T08:13:57+00:00","dateModified":"2023-08-24T11:14:59+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/"},"wordCount":2689,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png","keywords":["html","webdev"],"articleSection":["WordPress Entwicklung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/","url":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/","name":"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png","datePublished":"2021-03-31T08:13:57+00:00","dateModified":"2023-08-24T11:14:59+00:00","description":"Was genau ist der Unterschied zwischen HTML und HTML5? Wenn du verwirrt bist, was die Gemeinsamkeiten und Unterschiede angeht, erkl\u00e4ren wir dir hier beides.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/03\/html-vs-html5.png","width":1460,"height":730,"caption":"html vs html5"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Web-Entwicklungssprachen","item":"https:\/\/kinsta.com\/de\/thema\/webentwicklung-sprachen\/"},{"@type":"ListItem","position":3,"name":"HTML vs. HTML5: Lerne die entscheidenden Unterschiede zwischen ihnen kennen"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/40928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=40928"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/40928\/revisions"}],"predecessor-version":[{"id":40937,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/40928\/revisions\/40937"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/40928\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/40932"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=40928"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=40928"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=40928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}