Heim > Web-Frontend > H5-Tutorial > Hauptteil

Detaillierte Erklärung des Unterschieds zwischen H5 und HTML4

Y2J
Freigeben: 2017-05-23 13:53:52
Original
3296 Leute haben es durchsucht

Obwohl HTML5 HTML4 nicht vollständig untergräbt, gibt es einige Unterschiede. Dieser Artikel hat einige sichtbare Unterschiede zusammengestellt. Es wird nicht zu spät sein, sie im Detail zu studieren. Freunde, die interessiert sind, sollten es sich nicht entgehen lassen.

HTML5 ist die nächste Version HTML-Standard. Obwohl HTML5 HTML4 nicht vollständig untergräbt, gibt es 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, reicht es aus, zunächst einige der Unterschiede von HTML5 zu verstehen, und es wird nicht zu spät sein, es im Detail zu studieren, sobald es vollständig unterstützt wird.

1. Vereinfachte Syntax
HTML5 vereinfacht viele subtile Syntax, wie z. B. die Doctype-Deklaration, Sie müssen nur schreiben. HTML 5 spezifiziert die UTF-8-Codierung wie folgt: ="UTF-8">

2 ersetzt FlashFlash hat vielen Webentwicklern Probleme bereitet. Das Abspielen von Flash auf einer Webseite erfordert eine Menge Code und Plug-Ins. Mit dem -Tag können Entwickler über die Benutzeroberfläche mit nur einem Tag interagieren.
3

Neue

viele TagsEin Prinzip des HTML5-Designs besteht darin, die Semantik der Website besser widerzuspiegeln, also

Die Fußzeilen werden verwendet, um die Struktur der Webseite klar darzustellen. Die Tags
förderlich für SEO; -Tags hinzugefügt; kann zum Erstellen traditioneller Menüs sowie von Symbolleisten und Kontextmenüs verwendet werden. Das
-Tag macht das Layout von Webtext und Bildern professioneller; die neuen Tags Videos
in eine HTML5-Seite ist beispielsweise nur ein kurzes Stück -Code wie folgt erforderlich:

Ähnlich

Audio
<video width="450" height="340" controls>  
  <source src="jamshed.mp4" type="video/mp4">  
   Your browser does&#39;nt support video embedding feature.  
</video>
Nach dem Login kopieren
und ähnliches.


4. Brandneues Formular

HTML5 hat viele Änderungen an den Tags
vorgenommen, viele neue Attribute hinzugefügt und auch viele Attribute geändert .

. Löschen Sie die Tags ,

🎜> 6.HTML5 unterstützt verschiedene Arten von Speichertypen

HTML5 unterstützt lokalen Speicher, der in früheren Versionen über Cookie implementiert wurde. Der lokale HTML5-Speicher ist schnell und sicher. Und HTML5 verfügt über zwei verschiedene

Objekte

, die zum Speichern von Daten verwendet werden können. HTML5 speichert und greift auf Daten über JS zu:

localStorage eignet sich für die langfristige Speicherung von Daten , und der Browser wird geschlossen Nach SitzungDie Speicherung dient nur der Datenspeicherung einer Sitzung. Die gespeicherten Daten werden nach dem Schließen des Browsers automatisch gelöscht Im Allgemeinen hat HTML5 die Auszeichnungssprache übertroffen. In dieser Kategorie wird HTML5 durch mehr semantische Tags nützlicher. Canvas+WEBGL und andere Technologien realisieren Plug-in-freie Animation

und Bild- und Grafikverarbeitungsfunktionen; WebSocket ermöglicht Offline-Anwendungen; das reine Pull

Modell
von http, um Daten zu realisieren Ich träume von Push; MathML, SVG usw. unterstützen umfangreichere Darstellungen usw. usw. Mein derzeitiges Verständnis von HTML5 ist nur oberflächlich und ich werde in Zukunft weitere HTML5-Bücher lesen, um mehr Einblicke zu gewinnen. [Verwandte Empfehlungen]

1. Kostenloses HTML5-Video-Tutorial2. Der Unterschied zwischen H5 und traditionellem HTML

3.

Detailliertes Beispiel für die Implementierung der Kamerafunktion über H5

4.

H5-Codebeispiel für die Erstellung einer Registrierungsseite

5.

Bringen Sie Ihnen die grundlegenden Methoden des Zeichnens mit H5 bei

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Unterschieds zwischen H5 und HTML4. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage