Der Unterschied zwischen h5 und HTML ist: 1. In Bezug auf die Dokumenttypdeklaration verfügt HTML über einen langen Codeabschnitt, der schwer zu merken ist, während HTML5 nur über eine einfache Deklaration verfügt, die für die Benutzer bequem zu merken ist. In Bezug auf die strukturelle Semantik gibt es in HTML4.0 keine Tags, die die strukturelle Semantik widerspiegeln. HTML5 bietet große semantische Vorteile.
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML- und HTML5-Version, Dell G3-Computer.
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.
1. Zur Dokumenttypdeklaration
html:
<!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" >
html5:
<!DOCTYPE html>
Aus dem Vergleich zwischen den beiden ist ersichtlich, dass HTML in der Dokumenttypdeklaration einen langen Code hat, der schwer zu merken ist Vermutlich generieren viele Leute diesen Code direkt mit Tools, oder? Aber HTML5 ist anders. Es verfügt nur über einfache Deklarationen, die für die Benutzer einfacher zu merken sind und schlanker sind.
2. In Bezug auf die strukturelle Semantik
html4.0: Es gibt keine Tags, die die strukturelle Semantik widerspiegeln. Wir nennen sie normalerweise so:
< divid = "header" ></ div >
html5: Es hat große semantische Vorteile. Bietet einige neue HTML5-Tags, wie zum Beispiel:
< header > 、< nav >、< article >、< aside >、< footer >..
3 Leistungsstarke neue Funktionen von HTML5
(1) Leistungsstarke Zeichenfunktion
Möglicherweise gibt es einige Animationen oder Bilder, die über die leistungsstarke Zeichenfunktion von JS in HTML5 hinzugefügt werden können Mach es. 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 und indiziert werden , geskriptet oder komprimiert
(3) SVG ist skalierbar
(4) SVG-Bilder können in jeder Auflösung mit hoher Qualität gedruckt werden
(5) SVG kann ohne Verlust der Bildqualität vergrößert werden
Daher können beide für verwendet werden Schauen wir uns die Unterschiede zwischen ihnen an:
Canvas
1. Unterstützt keine Event-Handler
3. Möglichkeit, Ergebnisbilder in . PNG- oder JPG-Format
5. Am besten geeignet für bildintensive Spiele, bei denen viele Objekte häufig neu gezeichnet werden.
1. Unterstützt Ereignishandler große Rendering-Bereiche (z. B. Google Maps)
4. Hohe Komplexität verlangsamt das Rendering (jede Anwendung, die das DOM übermäßig nutzt, ist nicht schnell)
5. Nicht für Spieleanwendungen geeignet
(2) Video-Tag hinzufügen
Vielleicht Wenn wir in HTML4.0 ein Video einfügen möchten, müssen wir auch einen langen Codeabschnitt zitieren. Aber im Fall von HTML5. Wir müssen es nur für ein Video-Tag verwenden.
< videosrc = "视频地址" ></ video >//详细属性可以见下图
4. Vorteile
Erstens: Sparen Sie Programmierern Zeit beim Schreiben von Code.
Zweitens: Ich denke, das Wichtigste ist die SEO-Optimierung.
Ob wir das Webseitenmodul selbst benennen, es gibt immer noch eine solche Bezeichnung. Denn der ultimative Zweck beim Erstellen einer Website ist nur einer, 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.
Empfohlenes Lernen:
HTML-Video-TutorialDas obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen H5 und HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
