HTML5 ist die nächste Version des HTML -Standards. Obwohl HTML5 HTML4 nicht vollständig untergräbt, haben sie auch einige Unterschiede. Die neuesten und vollständigsten HTML5-HTML4-Vergleichsinformationen finden Sie unter http://dev.w3.org/html5/html4-differences/, was etwas mehr zu sein scheint. In dieser Welt, in der IE noch existiert, können Sie zunächst die Unterschiede in HTML5 beherrschen, und es ist nicht zu spät, sie nach all Unterstützung sorgfältig zu studieren.
1. vereinfachte Syntax
HTML5 vereinfacht eine Menge subtiler Syntax, z. B. die Aussage von docType, Sie müssen nur <! DocType html> schreiben. HTML 5 Gibt die UTF-8-Codierung wie folgt an <meta charset = utf-8>
2. <Canvas> Tag ersetzt Flash
Flash hat vielen Webentwicklern Probleme verursacht, und das Spielen von Flash auf einer Webseite erfordert eine Reihe von Code und Plug-Ins. Mit dem <Canvas> -Tag können Entwickler mit Benutzer mit der Benutzeroberfläche interagieren, solange sie ein Tag verwenden.
3 fügte viele neue Tags hinzu
Ein Prinzip des HTML5 -Designs besteht darin, die Semantik der Website besser widerzuspiegeln. Daher werden Tags wie <header> und <footer> hinzugefügt, um die Struktur der Webseite klar anzuzeigen. Das Hinzufügen von <Aktion> und <Aktion> -Tags, <abschnitt> und <artikels> sind ebenfalls für die Klärung der Struktur der Webseite und der SEO förderlicher. Hinzufügen von <emenüten> und <Figure> -Tags, <Menü> kann zum Erstellen herkömmlicher Menüs oder für Symbolleisten und Kontextmenüs verwendet werden. <Figure> Tags machen Webtext und Bilder professioneller im Layout. Neue <DIO> und <video> Tags werden hinzugefügt. Diese beiden Tags sind möglicherweise die beiden nützlichsten Tags in HTML5 und sind auch sehr bequem zu verwenden. Beispielsweise erfordert das Einbetten von Videos in HTML5 -Seiten nur ein kleines Stück.
Die Codekopie lautet wie folgt:
<Videobreite = 450 Höhe = 340 Steuerelemente>
<Source Src = JamShed.mp4 type = Video/mp4>
Ihr Browser unterstützt keine Video -Einbettungsfunktion.
</Video>
Ebenso sind Audio und andere Dinge ähnlich.
4. brandneue Form
HTML5 hat viele Änderungen an den Tags <form> und <forminput> vorgenommen, viele neue Attribute hinzugefügt und viele Attribute geändert.
5. Löschen Sie die <b> und <Font> -Tags, <Reframe>, <Center>, <Big> Tags
6.HTML5 unterstützt verschiedene Arten von Speichertypen
HTML5 unterstützt den lokalen Speicher und wurde in früheren Versionen durch Cookies implementiert. HTML5 Lokaler Speicher ist schnell und sicher. Und HTML5 verfügt über zwei verschiedene Objekte, mit denen Daten gespeichert werden können. HTML5 speichert und greift über JS auf Daten: zugreift:
LocalStorage ist für die langfristige Speicherung von Daten geeignet, und die Daten gehen nicht nach der Schließung des Browsers verloren.
SessionStorage ist nur eine Sitzungsdatenspeicherung, und die gespeicherten Daten werden nach Abschluss des Browsers automatisch gelöscht.
Im Allgemeinen ist HTML5 über den Umfang der Markup -Sprachen hinausgegangen, und mehr semantische Tags werden HTML5 nützlicher. Canvas+WebGL und andere Technologien realisieren Plug-in-freie Animations- und Bild- und Grafikverarbeitungsfunktionen. Lokaler Speicher kann Offline -Anwendungen realisieren. Websocket, das das reine Pull -Modell von HTTP verändert, um den Traum von Datenschub zu verwirklichen; MathML, SVG usw. unterstützt reichhaltigere Renderschaften usw. Jetzt befindet sich das Verständnis von HTML5 noch auf der Oberflächenbühne. In Zukunft werde ich mehr HTML5 -Bücher lesen und einige Erkenntnisse hinzufügen.