Was ist der Hauptunterschied zwischen HTML 4 und HTML 5?

HTML5 hat mehrere Ziele, die es zu unterscheiden von HTML4.

Konsistenz im Umgang mit Fehlerhaften Dokumenten

Das wichtigste ist einheitliche, definierte Fehlerbehandlung. Wie Sie wissen, HTML absichtlich unterstützt den "tag-Suppe", oder die Fähigkeit zu schreiben, fehlerhaften code und haben es korrigiert, in ein gültiges Dokument. Das problem ist, dass die Regeln für die dies nicht irgendwo aufgeschrieben. Wenn ein neues browser-Hersteller will den Markt geben, Sie gerade haben, um zu testen, fehlerhafte Dokumente in verschiedenen Browsern (vor allem IE) und reverse-Engineering, deren Fehlerbehandlung. Wenn nicht, dann werden viele Seiten nicht richtig angezeigt (Schätzungen zufolge etwa 90% der Seiten im Netz als zumindest etwas fehlerhafte).

So, in HTML5 ist der Versuch, zu entdecken und zu kodifizieren das error-handling, so dass browser-Entwickler können alle standardisieren und reduzieren die Zeit und Geld nötig ist, um Dinge konsequent. Wie gut, lange in die Zukunft nach HTML ist gestorben als Dokument-format, die Historiker können noch wollen, Lesen Sie unsere Dokumente, und mit einer vollständig definierten parsing-Algorithmus wird stark Beihilfen.

Bessere Web-Anwendung Features

Dem sekundären Ziel von HTML5 ist die Entwicklung der Fähigkeit der browser, eine application platform, die über HTML -, CSS -, und Javascript. Viele Elemente wurden Hinzugefügt, die direkt auf die Sprache, die derzeit (in HTML4) Flash-oder JS-basierten hacks, wie <canvas><video>und <audio>. Nützliche Dinge wie Lokale Speicherung (ein js-accessible-browser-built-in Schlüssel-Wert-Datenbank, die zum speichern von Informationen über das, was cookies) halten kann, werden neue input-Typen wie Datum, für das der browser verfügbar, einfache Benutzeroberfläche (user interface, so dass wir nicht haben, nutzen Sie unser js-basierte Kalender-Datum-Pflücker) und browser-gestützte Formular-Validierung wird die Entwicklung von web-Anwendungen sehr viel einfacher für die Entwickler, und Sie viel schneller für den Benutzer (da viele Dinge werden nativ unterstützt, anstatt gehackt, in der via javascript).

Verbessert Element Semantik

Gibt es viele andere kleinere Anstrengungen statt in HTML5, wie besser definierten semantischen Rollen für existierende Elemente (<strong> und <em> jetzt eigentlich etwas anderes bedeuten, und auch <b> und <i> haben vage Semantik, die gut funktionieren sollte bei der Analyse von alten Dokumenten) und hinzufügen von neuen Elementen mit nützlichen Semantik - <article><section><header><aside>und <nav> ersetzen sollte, die Mehrheit der <div>s verwendet auf einer web-Seite, so dass Ihre Seiten ein bisschen mehr semantische, aber noch wichtiger ist, leichter zu Lesen. Nicht mehr schmerzhaft Scannen, um zu sehen, was das zufällige </div> geschlossen - stattdessen haben Sie eine offensichtliche </header> oder </article>so dass die Struktur Ihres Dokuments viel intuitiver.

InformationsquelleAutor der Antwort Xanthir

Werden Sie wollen, um zu überprüfen, hier für das komplette diff. Aber es gibt viele neue Elemente und element-Attribute. Einige Elemente waren entfernt und andere haben verschiedene semantische Wert als vorher. Es gibt auch APIs definiert, wie die Verwendung der Leinwand zu helfen, die nächste generation von web-apps und stellen Sie sicher, Implementierungen sind standardisiert.

InformationsquelleAutor der Antwort Zach

Könnten Sie daran interessiert sein, diese Liste der HTML5-Elemente und-Attribute.

Beachten Sie bitte auch, dass es "HTML 4", nicht "HTML4". Ja, für HTML 5, beide Varianten verwendet, aber es gibt einen wichtigen Unterschied in der Bedeutung. HTML 5 bezieht sich auf den Namen der W3C-Spezifikation, in der Erwägung, dass "HTML5" ist die Belegart, der diese HTML-Dateien mit einem text/html MIME-Typ, die Folgen dieser Skillung.
Das gleiche gilt für XHTML 5 vs. XHTML5.

InformationsquelleAutor der Antwort Mathias Bynens

HTML 5 lädt Sie geben eine Menge von semantischen Wert in Ihrem code. Was mehr ist, es gibt Eingeborenen Lösung zum einbetten von multimedia-Inhalten.

Der rest ist wichtig, aber es ist mehr technische Zucker, sparen Sie dabei die gleichen Sachen, die mit einer client-Programmiersprache.

InformationsquelleAutor der Antwort e-satis