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

Detaillierte Erklärung des Unterschieds zwischen H5 und HTML4

May 23, 2017 pm 01:53 PM
html5

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles