Ich war in dieser Zeit sehr damit beschäftigt, Lehrern bei Projekten zu helfen. Ich ging oft nicht zum Unterricht und blieb einfach nicht im Labor. Ich hatte nicht viel Zeit, andere Dinge zu lesen. Ich wurde im Projekt mit der Gestaltung der Front-End-Seite beauftragt. Wenn ich im Internet surfe, sehe ich, dass mobile Apps und HTML5 in letzter Zeit sehr beliebt sind, insbesondere das 4G-Zeitalter hat es in Win10 implementiert. Der neue Browser Edge hat den IE ersetzt, sodass viele Websites jetzt beginnen, den IE aufzugeben und auf HTML5 umzusteigen. Dies ist ein Trend, insbesondere auf mobilen Webseiten, während auf der PC-Seite immer noch eine Lücke besteht Verschiedene Browser Es gibt einige Kompatibilitätsprobleme, die dringend gelöst werden müssen, aber in naher Zukunft wird HTML5 die dominierende Browser-Markup-Sprache werden.
Was ist HTML5?
html5 ist eine Hypertext-Markup-Sprache, die zunächst von der WHATWG (Web Hypertext Application Technology Working Group) benannt und dann mit xhtml2.0 (Standard) kombiniert vom W3C kombiniert wurde, um die neueste Generation der Hypertext-Markup-Sprache zu erstellen. Es kann einfach verstanden werden als: HTML 5 ≈ HTML+CSS 3+Javascript+API
Die statischen Webseiten, die wir derzeit im Web-Frontend entwickeln, sind im Allgemeinen HTML4.01. Es entspricht auch den W3C-Spezifikationen. Was sind also die wesentlichen Unterschiede zwischen den beiden?
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" xml:lang="en">
html5:
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
Aus dem Vergleich zwischen den beiden geht hervor: In der Dokumentdeklaration verfügt HTML4 über einen langen Codeabschnitt, der schwierig ist Erinnern Sie sich an diesen Code. Vermutlich generieren ihn viele Leute direkt mit Tools, oder? Aber HTML5 ist anders. Es verfügt nur über einfache Deklarationen, die sich die Leute auch leicht merken können.
2. Legen Sie die Zeichenkodierung der Seite fest
In HTML5 können Sie die Zeichenkodierung festlegen, indem Sie das charset-Attribut wie gezeigt direkt an das Element anhängen unten:
html:<meta charset= “UTF-8 ”>
html5:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Ab HTML5 wird empfohlen, UTF-8 für die Zeichenkodierung von Dateien zu verwenden.
3. In Bezug auf die strukturelle Semantik
HTML: Es gibt kein Tag, das die strukturelle Semantik widerspiegelt. Wir nennen es normalerweise so: p id="header". Website-Leiter.
html5: Es hat große semantische Vorteile. Es werden einige neue Tags bereitgestellt, z. B.: Kopfzeile, Artikel, Fußzeile
Welche Vorteile bietet die Bereitstellung solcher Tags? Ich denke, das Wichtigste ist die SEO-Optimierung, unabhängig davon, ob wir die Webseitenmodule selbst benennen oder solche Labels haben. Denn das ultimative Ziel beim Erstellen einer Website ist nur eines, nämlich Geld zu verdienen. Wenn Sie Gewinn machen möchten, können Sie Ihr Website-Ranking nur durch SEO-Optimierungstechnologie verbessern, damit Ihre Website wertvoll wird. 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.
4. Weitere neue Inhalte
Zu den neuen Eingabetypen gehören: Zahl (Nummer), Datum (Datum), Farbe (Farbe), Bereich (Bereich) usw.
Zu den neuen Inline-Elementen gehören Zeit, Meter und Fortschritt.
Die neuen eingebetteten Elemente sind Video und Audio. Neue interaktive Elemente sind Details, Datagrid und Command.
5. Das
6. Veraltete Elemente
Elemente, die durch CSS ersetzt werden können: für basefont, big, font, s, tt, u, diese Elemente, da ihre Funktionen reine Bildschirmanzeige sind und HTML5 plädiert dafür, die Bildschirmanzeigefunktionen für eine einheitliche Bearbeitung in CSS-Stile zu integrieren, sodass diese Elemente abgeschafft werden.
Frame wird nicht mehr verwendet: Da sich Frame negativ auf die Benutzerfreundlichkeit von Webseiten auswirkt, unterstützt HTML5 keinen Frame, sondern nur Iframe oder eine zusammengesetzte Seite, die aus mehreren vom Server erstellten Seiten besteht.
Elemente, die nur von einigen Browsern unterstützt werden: Applet, BGSound, Blink, Marquee und andere Elemente. bgsound und marquee werden nur von ie unterstützt und von html5 abgeschafft. Das Applet-Element kann durch ein Embed-Element oder ein Object-Element ersetzt werden, das BGSound-Element kann durch ein Audio-Element ersetzt werden und das Marquee kann durch JavaScript-Programmierung ersetzt werden.
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. Wir werden draußen sein, wenn wir hml5+css3 nicht lernen!
Das Obige ist eine Zusammenfassung der wichtigsten Änderungen und Verbesserungen in HTML5 im Vergleich zu HTML4. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
