简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (3) – Vergleich zwischen HTML5 und HTML4

黄舟
Freigeben： 2017-01-22 10:29:09
Original
1178 Leute haben es durchsucht

Im vorherigen Abschnitt haben wir die neuen Funktionen von HTML5 vorgestellt, die Verwendung neuer Tags, intelligentes Formulardesign, die Einführung von Multimedia-Objekten, Canvas-Objekte für Ihre Leinwand, erweiterte Grafik-Tags, geografische Anwendungen in HTML5, unabhängige Datenspeicherung , und neue Netzwerkverbindungen.

HTML 5 ist der größte Fortschritt bei Webentwicklungsstandards im letzten Jahrzehnt. Im Gegensatz zu früheren Versionen wird HTML 5 nicht nur zur Darstellung von Webinhalten verwendet. Seine neue Mission besteht darin, das Web zu einer ausgereiften Anwendungsplattform zu machen. Auf der HTML 5-Plattform sind Video, Audio, Bilder, Animationen und computerbasierte Interaktionen standardisiert . (HTML5 hat auch ein eigenes Logo.) Das Erlernen von HTML5 erfordert die Beherrschung der folgenden Wissensaspekte.

1. Grundlegende HTML-Kenntnisse

2. CSS-Stilkenntnisse

Viele Freunde, die zuvor HTML 4.0 gelernt haben, verstehen mich vielleicht Fühlen Sie sich sehr verwirrt. Was ist der Unterschied zwischen HTML 4.0 und HTML5? Der größte Unterschied zwischen HTML5 und HTML4 besteht beispielsweise darin, dass HTML5 mehr auf Inhalt und Struktur als auf Leistung achtet :

Wie die vielen oben genannten Tags in HTML5 können wir stattdessen das
-Tag im vorherigen HTML4 verwenden. Warum gibt es also so viele ungenutzte Tags, was tatsächlich die Anzahl der Tags erhöht? Wie schwer ist es, sich zu erinnern? Tatsächlich ist dies nicht der Fall. Diese Tags mit spezifischen Namen erleichtern die Unterscheidung ihrer jeweiligen Funktionen. Sie können beispielsweise sowohl in PC-Browsern als auch in mobilen Browsern erkannt und angezeigt werden Layout. 
<body>   
  
<header>  
<hgroup>导航相关数据</hgroup>  
</header>   
  
<nav>菜单</nav>   
  
<article>  
<h1>标题:HTML5专题</h1>  
发布日期:<time>19:00</time>  
<time datetime="2013-2-14">情人节</time>  
<p>测试相关内容</p>  
</article>  
  
<footer>   
<address>CSDN-大碗干拌的博客</address>  
</footer>   
  
</body>
Nach dem Login kopieren


Ein weiterer Unterschied besteht darin, dass HTML5 mehr Deklarationen und Tags vereinfacht, außerdem detaillierte Bestimmungen zur Kompatibilität getroffen, einige Elemente abgeschafft und einige Elemente hinzugefügt hat, beispielsweise die folgende Deklaration:

HTML4-Deklaration:

HTML5-Deklaration: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   
Transitonal//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t......  
<html xmlns="http://www.w3.org/1999/xhtml">  
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
Nach dem Login kopieren


beim Einführen von JavaScript- oder CSS-Dateien. Derzeit ist die Schreibmethode in HTML4 wie folgt : 
<!DOCTYPE html>  
<meta charset=utf-8/>
Nach dem Login kopieren

wird in HTML5 noch einfacher: 
<script src="js/juery-1.6.2.js" type="text/javascript"></script>
Nach dem Login kopieren

Darüber hinaus akzeptiert HTML5 eine lockerere Syntax, wie zum Beispiel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！