Was ist der Unterschied zwischen HTML5 und 4?

Unterschiede: 1. HTML5 vereinfacht die Syntax. Beispielsweise muss die Dateitypdeklaration nur als „“ geschrieben werden. 2. Das Parsen von HTML5-Dokumenten basiert nicht mehr auf SGML semantische Tags, einige Verschönerungs-Tags für Webseiten abgeschafft, die Trennung von Stil und Struktur vollständiger gemacht usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML5 hat sich seit seiner offiziellen Einführung im Jahr 2010 mit alarmierender Geschwindigkeit weiterentwickelt. Mittlerweile unterstützen Mainstream-Browser grundsätzlich HTML5 (mit Ausnahme einiger Funktionen, bei denen Probleme mit der Browserkompatibilität auftreten), was zeigt, dass HTML5 immer beliebter wird. Es kann vorhergesagt werden, dass HTML5 in naher Zukunft zur Mainstream-Technologie des Web-Frontends werden wird. HTML5-Spezialeffekte sind besser an das Zeitalter des mobilen Internets angepasst und können die Multimedia-Ausführung auf Mobilgeräten besser unterstützen.

Was sind die Unterschiede zwischen HTML5 und HTML4?

1. Syntaxvereinfachung

Die Einführung von HTML5 hat die Syntax vereinfacht. Im Dokumenttyp des Kopfes müssen wir beispielsweise nur schreiben.

Und HTML4 muss geschrieben werden:

2. In Bezug auf Standards

HTML5-Dokumentanalyse basiert nicht mehr auf dem SGML-Standard (Standard Generalized Markup Language), sondern hat einen eigenen Satz von Standards gebildet .

3. In Bezug auf Tags werden

neue semantische Tags hinzugefügt, einschließlich

,

,

,

,

,

,

Entfernen Sie einige Webseiten-Verschönerungs-Tags, um die Trennung von Stil und Struktur vollständiger zu machen, einschließlich

, , , , ,

unterstützt die Verwendung von Audio und Video in Multimedia durch das Hinzufügen von zwei Tags:

Früher musste man beim Abspielen von Multimedia auf einer Webseite ActiveX oder Plug-in verwenden. Mit HTML5 können Sie die Tags

4. In Bezug auf Attribute hat

einige Formularattribute hinzugefügt, hauptsächlich die Erweiterung des Eingabeattributs

<!-- 此类型要求输入格式正确的email地址 -->
<input type=email >
<!-- 要求输入格式正确的URL地址  -->
<input type=url >
<!-- 要求输入格式数字，默认会有上下两个按钮 -->
<input type=number >
<!-- 时间系列，但目前只有 Opera和Chrome支持 -->
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<!-- 默认占位文字 -->
<input type=text placeholder="your message" >
<!-- 默认聚焦属性 -->
<input type=text autofacus="true" >
其他标签新增了一些属性,
<!-- meta标签增加charset属性 -->
<meta charset="utf-8">
<!-- script标签增加async属性 -->
<script async></script>
使部分属性名默认具有boolean属性
<!-- 只写属性名默认为true -->
<input type="checkbox"  checked/>
<!-- 属性名="属性名"也为true -->
<input type="checkbox"  checked="checked"/>

5. In Bezug auf den Speicher hat

WebStorage hinzugefügt, einschließlich localStorage und sessionStorage

Durch die Einführung von IndexedDB und Web SQL können Sie Datenbanktabellen erstellen und Daten auf der Browserseite speichern. Der Unterschied zwischen den beiden besteht darin, dass IndexedDB eher einer NoSQL-Datenbank ähnelt, während WebSQL eher einer relationalen Datenbank ähnelt. W3C unterstützt WebSQL nicht mehr.

Einführung des Anwendungscaches (Anwendungscache), der das Web zwischenspeichern und verwenden kann, wenn kein Netzwerk vorhanden ist. Durch die Erstellung einer Cache-Manifestdatei und des Anwendungscaches wird grundlegende technische Unterstützung für PWA (Progressive Web App) bereitgestellt.

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen HTML5 und 4?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!