Was ist der wesentliche Unterschied zwischen HTML 4 und HTML 5?

Question

Was sind die wichtigsten Unterschiede zwischen HTML4 und HTML5 Entwurf ?

Bitte halten Sie die Antworten auf veränderte Syntax verwendet und hinzugefügt / entfernt HTML-Elemente.

Answer 1

HTML5 hat mehrere Ziele, die sie von HTML4 unterscheiden.

Konsistenz in Handhabung aufgrund eines fehlerhaften Dokumente

Der primäre ist konsistent definiert Fehlerbehandlung . Wie Sie wissen, unterstützt HTML absichtlich ‚Tag Suppe‘ oder die Möglichkeit, fehlerhaften Code zu schreiben und habe es in ein gültiges Dokument korrigiert. Das Problem ist, dass die Regeln hierfür sind nicht überall abgewertet. Wenn ein neuer Browser-Anbieter will in den Markt eintreten, müssen sie nur fehlerhafte Dokumente in verschiedenen Browsern testen (vor allem IE) und Reverse-Engineering ihre Fehlerbehandlung. Wenn sie nicht, dann werden viele Seiten nicht korrekt angezeigt werden (Schätzungen zufolge etwa 90% der Seiten im Netz als zumindest etwas fehlerhaft ist).

So versucht HTML5 diese Fehlerbehandlung zu entdecken und kodifizieren, so dass die Browser-Entwickler alle standardisieren und viel Zeit und Geld reduzieren, die erforderlich Dinge konsequent anzuzeigen. Wie gut, lange in der Zukunft nach HTML als Dokumentformat gestorben ist, sollten die Historiker noch unsere Dokumente lesen, und diese große Hilfe werden einen vollständig definiert Parsing-Algorithmus mit.

Besseres Webanwendungsfeatures

Das sekundäre Ziel von HTML5 ist die Fähigkeit des Browsers zu entwickeln eine Anwendungsplattform, über HTML, CSS und Javascript zu sein. Viele Elemente wurden direkt in die Sprache aufgenommen, die derzeit (in HTML4) Flash oder JS-basierte Hacks, wie <canvas>, <video> und <audio>. Nützliche Dinge wie Local Storage (a js zugängliche Browser-Einbau-Schlüssel-Wert-Datenbank zum Speichern von Informationen über das, was Cookies halten können), neue Eingabetypen wie Datum, für das der Browser einfache Benutzeroberfläche aussetzen kann (so dass wir müssen unsere js-basierten Kalender-Datum-Picker) und Browser-gestützte Formularvalidierung nicht, wird verwenden Web-Anwendungen viel einfacher für die Entwickler machen zu entwickeln, und machen sie viel schneller für die Benutzer (da werden viele Dinge nativ unterstützt werden, anstatt über Javascript gehackt in).

Verbesserte Element Beschreibung

Es gibt viele andere kleinere Anstrengungen in HTML5 nehmen, wie zum Beispiel besser definierte semantische Rollen für bestehende Elemente (<strong> und <em> nun tatsächlich bedeuten, etwas anderes, und auch <b> und <i> haben vage Semantik, die gut funktionieren sollte, wenn Legacy-Dokumente parsen ) und neue Elemente mit nützlicher Semantik Zugabe - <article>, <section>, <header>, <aside> und <nav> sollte die Mehrheit des <div>s auf einer Webseite verwendet, so dass Ihre Seiten ein bisschen mehr semantisch, aber noch wichtiger ist, leichter zu lesen ersetzen . Keine schmerz Scan zu sehen, was genau das zufällige </div> endet -. Statt finden Sie eine offensichtliche </header> haben oder </article>, so dass die Struktur des Dokuments viel intuitiver

Answer 2

Wikipedia :

• Neue Parsing-Regeln orientieren sich an flexible Parsing und Kompatibilität
• Neue Elemente - Abschnitt, Video, Fortschritt, nav, Meter, Zeit, beiseite, Leinwand
• Neue Eingabeattribute - Daten und Zeiten, E-Mail, URL
• Neue Attribute - ping, charset, async
• Globale Attribute (das kann für jedes Element angewendet werden) - id, tabindex, wiederholen
• Veraltete Elemente fallen gelassen - Mitte, Schriftart, Streik

Answer 3

W3C-Arbeitsgruppe Hinweis 9. Dezember 2014:

Sie werden HTML5 Unterschiede von HTML4 überprüfen möchten für die kompletten Unterschiede. Es gibt viele neue Elemente und Elementattribute. Einige Elemente wurden entfernt, und andere haben unterschiedlichen semantischen Wert als zuvor.

Es gibt auch definiert APIs, wie die Verwendung von Leinwand, um die nächste Generation von Web-Anwendungen aufbauen und sicherstellen, dass Implementierungen standardisiert ist.

Answer 4

HTML5 führt eine Reihe von APIs, die in der Erstellung von Web-Anwendungen helfen. Diese können zusammen mit den neuen Elementen für Anwendungen eingeführt werden:

• Eine API für die Wiedergabe von Video und Audio, die mit dem neuen Video-und Audio-Elementen verwendet werden können.
• Eine API, die offline Web-Anwendungen ermöglicht.
• Eine API, die eine Web-Anwendung können sich Arten für bestimmte Protokolle oder Medien registrieren.
• Eine Bearbeitung API in Kombination mit einem neuen globalen contenteditable Attribute.
• Ein Drag & Drop-API in Kombination mit einem draggable Attribute.
• Eine API, die die Geschichte macht und erlaubt Seiten, um es hinzuzufügen, um die Zurück-Taste zu verhindern, zu brechen.

Answer 5

Sie können in dieser Liste der HTML5-Elemente und Attribute .

Beachten Sie auch, dass es "HTML 4", nicht "HTML4". Tatsächlich für HTML 5 sind beide Varianten verwendet, aber es ist ein wichtiger Unterschied in der Bedeutung. HTML 5 bezieht sich auf den Namen der W3C-Spezifikation, während „HTML5“ die Art dieser HTML-Dateien mit einem text/html MIME-Typ Dokument, das dieser Spezifikation folgen. Das gleiche gilt für XHTML 5 vs. XHTML5.

Answer 6

Jetzt W3c bietet einen offiziellen Unterschied auf ihrer Website:

http://www.w3.org/TR/html5-diff/

Answer 7

HTML 5 lädt Sie eine Menge von semantischen Wert, um Ihren Code hinzufügen geben. Was mehr ist, gibt es Einheimische Lösung für Multimedia-Inhalte einbinden.

Der Rest ist wichtig, aber es ist mehr technischer Zucker, die dir tut das gleiche Material mit einer Client-Programmiersprache sparen.

Answer 8

Kurz gesagt es viel einfacher ist, im Vergleich zu HTML, wird die lange Doctype entfernt und auch Zentrum und font-Tag entfernt wird. Ich antwortete, auch diesen Unterschied in meinem Blog: http://ravisinghblog.in/key-difference-between-html- und-html-5 /