Heim >Web-Frontend >H5-Tutorial >Detaillierte Erklärung des Unterschieds zwischen H5 und HTML4

Detaillierte Erklärung des Unterschieds zwischen H5 und HTML4

Y2J
Y2JOriginal
2017-05-23 13:53:523341Durchsuche

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 aba7b36f87decd50b18c7e3e3c150106 schreiben. HTML 5 spezifiziert die UTF-8-Codierung wie folgt: 8d636e92bb912b0fd4d88efb7ba385b5

2 ersetzt FlashFlash hat vielen Webentwicklern Probleme bereitet. Das Abspielen von Flash auf einer Webseite erfordert eine Menge Code und Plug-Ins. Mit dem 5ba626b379994d53f7acf72a64f9b697-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 1aa9e5d373740b65a0cc8f0a02150c53 Die Fußzeilen werden verwendet, um die Struktur der Webseite klar darzustellen. Die Tags 2f8332c8dcfd5c7dec030a070bf652c3 förderlich für SEO; 5c0e96d12fc7501cef2ae2efde646ee0-Tags hinzugefügt; 5c0e96d12fc7501cef2ae2efde646ee0 kann zum Erstellen traditioneller Menüs sowie von Symbolleisten und Kontextmenüs verwendet werden. Das 24203f2f45e6606542ba09fd2181843a-Tag macht das Layout von Webtext und Bildern professioneller; die neuen Tags b97864c2e0ef2353a16c4d64c7734e92 sind möglicherweise auch äußerst praktisch Zum Einbetten eines 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>
und ähnliches.


4. Brandneues Formular

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

. Löschen Sie die Tags a4b561c25d9afb9ac8dc4d70affff419, bacbf9e1ad7f40415ce1670e31edfee3 🎜> 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!

Stellungnahme:
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