Was ist der Unterschied zwischen H5 und HTML?
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!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1389
52
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.
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.
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-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
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
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
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
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.
