Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen HTML5 und HTML?

Was ist der Unterschied zwischen HTML5 und HTML?

一个新手
一个新手Original
2017-09-21 10:16:091707Durchsuche

Kurze Diskussion: Der Unterschied zwischen HTML5 und HTML

In letzter Zeit sind mobile Websites und HTML5 die beliebtesten Wörter in Gruppenchats. Manche Leute fragen sich vielleicht: Welche Beziehung besteht zwischen den beiden? Mit der rasanten Entwicklung des mobilen Internets, insbesondere der 4G-Ära, und der Tatsache, dass Microsoft keine Update-Patches oder Wartung für „XP-Systeme“ bereitstellt, ist „html5+css3“ nach und nach zu einer neuen Generation der Web-Front-End-Technologie geworden. Mobile Websites sind nach und nach zum Trend geworden.

Was ist HTML5?

html5 ist eine Hypertext-Markup-Sprache, die zuerst von der WHATWG (Web Hypertext Application Technology Working Group) benannt und dann mit xhtml2.0 (Standard) des W3C kombiniert wurde, um die neueste Generation der Hypertext-Markup-Sprache zu erzeugen. Es kann einfach verstanden werden als: HTML 5 ≈ HTML4.0+CSS3+JS+API.

Was ist der Unterschied zwischen hmtl5 und html?

Die statischen Webseiten, die wir derzeit im Web-Frontend entwickeln, sind im Allgemeinen HTML4.0. Gleichzeitig entspricht es der xhtml1.0-Spezifikation des W3C. Was sind also die wesentlichen Unterschiede zwischen ihnen?

1. Auf der Dokumenttypdeklaration

html:

3

1

2

3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>

    HTML5:

1

<!DOCTYPE html>

由这两者对比可见:在文档声明上,html有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧?而html5却是不同,只有简简单单的声明,这也方便人们的记忆,更加精简。

2.在结构语义上

html4.0:没有体现结构语义化的标签,我们通常都是这样来命名的

1

<p id="header"></p>

这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的html5标签,比如:

1

<header>、<nav>、<article>、<aside>、<footer>..

3. Leistungsstarke neue Funktionen von HTML5

(1) Leistungsstarke Zeichenfunktion

Möglicherweise gibt es einige Animationen, oder Durch die leistungsstarke Malfunktion und JS können Bilder in HTML5 realisiert werden. Aber es funktioniert nicht in HTML4.0.

In HTML5 gibt es zwei Dinge, die gezeichnet werden können. Schauen wir uns an, welche zwei magischen Dinge das sind.

1. Canvas-Tag

Canvas zeichnet 2D-Grafiken über JavaScript. Canvas rendert Pixel für Pixel.

Sobald die Grafik im Canvas gezeichnet ist, erhält sie nicht mehr die Aufmerksamkeit des Browsers. Wenn sich die Position ändert, muss die gesamte Szene neu gezeichnet werden, einschließlich aller Objekte, die möglicherweise von Grafiken verdeckt wurden.

2.SVG

SVG ist eine Sprache, die XML zur Beschreibung von 2D-Grafiken verwendet. SVG basiert auf XML, was bedeutet, dass jedes Element im SVG-DOM verfügbar ist. Sie können einem Element einen JavaScript-Ereignishandler hinzufügen. In SVG wird jede gezeichnete Form als Objekt behandelt. Ändern sich die Eigenschaften eines SVG-Objekts, kann der Browser die Grafik automatisch reproduzieren.

Im Vergleich zu anderen Bildformaten (wie JPEG und GIF) bietet die Verwendung von SVG folgende Vorteile:

(1) SVG-Bilder können mit einem Texteditor erstellt und geändert werden

(2) SVG-Bilder können durchsucht, indiziert, mit Skripten versehen oder komprimiert werden

(3) SVG ist skalierbar

(4) SVG-Bilder können in jeder Auflösung mit hoher Auflösung gedruckt werden Qualität

(5) SVG kann ohne Verlust der Bildqualität vergrößert werden

Dann schauen wir uns an, was der Unterschied zwischen ihnen ist:

Leinwand

1. Hängt von der Auflösung ab

2. Unterstützt keine Ereignishandler

3. Schwache Textwiedergabefunktionen

4. Möglichkeit, Ergebnisbilder im .png- oder .jpg-Format zu speichern

5. Am besten geeignet für bildintensive Spiele, bei denen viele Objekte häufig neu gezeichnet werden

SVG

1. Hängt nicht von der Auflösung ab

2. Unterstützt Event-Handler

3. Am besten geeignet für Anwendungen mit großen Rendering-Bereichen. Programme (z. B. Google Maps)

4. Hohe Komplexität verlangsamt die Rendering-Geschwindigkeit (jede Anwendung, die übermäßig DOM nutzt, ist nicht schnell)

5. Nicht für Spieleanwendungen geeignet

(2) Neu Video-Tags

Wenn wir in HTML4.0 ein Video einfügen möchten, müssen wir möglicherweise auch einen langen Codeabschnitt zitieren. Aber im Fall von HTML5. Wir müssen es nur für ein Video-Tag verwenden.

1

 46087abdc01003929994e593d61b017f1ef98c6a543aa6a120f02f6f6a2ea1e6//详细属性可以见下图

Welche Vorteile bietet die Bereitstellung eines solchen Labels?

Erstens: Sparen Sie Programmierern Zeit beim Schreiben von Code.

Zweitens: Ich denke, das Wichtigste ist die SEO-Optimierung.

Ob wir das Webmodul selbst benennen, es gibt immer noch einen solchen Tag. Denn das ultimative Ziel beim Erstellen einer Website ist nur eines, nämlich Geld zu verdienen. Wenn Sie Gewinn machen wollen, können Sie Ihr Website-Ranking nur durch SEO-Optimierungstechnologie verbessern, sodass Ihre Website wertvoll wird, und genau diesen Punkt erfüllt HTML5. Warum sagst du das? Denn die von ihm definierten Tags sind optimierungsförderlicher und Spider können Sie identifizieren.

Zusammenfassung: Obwohl HTML5 schon vor ein paar Jahren auf den Markt kam, war es damals nicht beliebt, weil es noch nicht ausgereift genug war und der Zeitpunkt nicht richtig war. In einer Zeit, in der sich das Internet rasant entwickelt, naht auch die Ära von 4G. Wenn wir hml5+css3 nicht lernen, sind wir raus!

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen HTML5 und HTML?. 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