10 wichtige Unterschiede zwischen HTML5 und HTML4
|
HTML5 ist die nächste Version des HTML-Standards. Immer mehr Programmierer beginnen, HTML5 zum Erstellen von Websites zu verwenden. Wenn Sie sowohl HTML4 als auch HTML5 verwenden, werden Sie möglicherweise feststellen, dass der Neuaufbau mit HTML5 viel einfacher ist als die Migration von HTML4 auf HTML5. Obwohl HTML5 HTML4 nicht völlig ersetzt und die beiden Versionen noch immer viele Gemeinsamkeiten aufweisen, gibt es auch einige wesentliche Unterschiede. Dieser Artikel listet die 10 wichtigsten Unterschiede zwischen ihnen auf. 1. HTML5-Standards werden noch entwickelt Zunächst ist zu beachten, dass sich HTML5 zwar mittlerweile großer Beliebtheit erfreut, der HTML5-Standard jedoch noch immer in der Entwicklung ist und sich ständig ändert. HTML4 ist über 10 Jahre alt und es wird sich nichts ändern. 2. Vereinfachte Syntax HTML5 vereinfacht viele subtile Syntaxen, beispielsweise die Doctype-Deklaration, Sie müssen nur <!doctype html> schreiben. HTML5 ist mit HTML5 und XHTML1 kompatibel, jedoch nicht mit SGML. 3.<canvas>-Tag ersetzt Flash Flash hat vielen Webentwicklern Probleme bereitet. Das Abspielen von Flash auf einer Webseite erfordert viele Codes und Plug-Ins. Mit dem <canvas>-Tag können Entwickler mit Benutzern auf der Benutzeroberfläche unter Verwendung nur eines Tags interagieren. Obwohl das <canvas>-Tag derzeit nicht alle Funktionen von Flash realisieren kann, wird <canvas> Flash bald altmodisch aussehen lassen, haha! 4. Fügen Sie <header>- und <footer>-Tags hinzu Eines der Prinzipien des HTML5-Designs besteht darin, die Semantik der Website besser widerzuspiegeln. Daher werden Tags wie <header> und <footer> hinzugefügt, um die Struktur der Webseite klar anzuzeigen. 5. Fügen Sie die Tags <section> und <article> hinzu Ähnlich wie <header> und <footer> tragen auch <section> und <article> dazu bei, die Struktur der Webseite zu verdeutlichen und sind für die SEO förderlicher. 6. Fügen Sie die Tags <menu> und <figure> hinzu Mit <menu> können herkömmliche Menüs sowie Symbolleisten und Kontextmenüs erstellt werden. Der <figure>-Tag verleiht der Anordnung von Text und Bildern auf einer Webseite mehr Professionalität. 7. Fügen Sie <audio>- und <video>-Tags hinzu Diese beiden Tags sind möglicherweise die beiden nützlichsten Tags in HTML5. Wie der Name schon sagt, werden diese beiden Tags zum Abspielen von Audio und Video verwendet. 8. Brandneue Form HTML5 hat viele Änderungen an den Tags <form> und <forminput> vorgenommen, viele neue Attribute hinzugefügt und viele Attribute geändert. 9. Entfernen Sie die Tags <b> und <font> Ich verstehe diese Verbesserung immer noch nicht. Ich glaube nicht, dass das Entfernen dieser beiden Tags den Code wesentlich verbessern würde. Die offizielle Erklärung ist, dass CSS verwendet werden sollte, um diese beiden Tags zu ersetzen. Ich denke jedoch immer noch, dass diese beiden Tags für einfachen Text sehr praktisch sind. 10. Löschen Sie die Tags <frame>, <center>, <big> Ich kann mich nicht erinnern, wann ich diese Tags das letzte Mal verwendet habe. Der obige Artikel erläutert kurz die 10 Hauptunterschiede zwischen HTML5 und HTML4. Das ist alles, was ich mit Ihnen teilen kann. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden. |
<<: Einführung in mögliche Probleme nach der Installation von Tomcat
>>: Beispielcode zur Implementierung komplexer Tabellenüberschriften in HTML-Tabellen
Artikel empfehlen
Detaillierte Erklärung der Nodejs-Array-Warteschlange und der forEach-Anwendung
In diesem Artikel werden hauptsächlich die Proble...
Über Generika der C++ TpeScript-Reihe
Inhaltsverzeichnis 1. Vorlage 2. Generika 3. Gene...
Implementierungsprozess des Lupeneffekts im Javascript-Beispielprojekt
Inhaltsverzeichnis Vorwort Fall: Nachahmung des L...
So erstellen Sie Ihren eigenen privaten Nexus-Server unter Linux
Dieser Artikel beschreibt, wie man über Docker ei...
Analyse des rel-Attributs in HTML
.y { background: url(//img.jbzj.com/images/o_y.pn...
Details der MySQL-Berechnungsfunktion
Inhaltsverzeichnis 2. Feldverkettung 2. Geben Sie...
Detaillierte Erklärung zum Mounten von Remote-Dateisystemen über SSH unter Linux
Funktionen von SSHFS: Basierend auf FUSE (dem bes...
CentOS7 verwendet RPM, um MySQL 5.7-Tutorialdiagramm zu installieren
1. Laden Sie 4 RPM-Pakete herunter mysql-communit...
Einführung in den strikten Modus von JavaScript verwenden Sie strikt
Inhaltsverzeichnis 1. Übersicht 1.1 Was ist der s...
Detaillierte Erklärung asynchroner Generatoren und asynchroner Iterationen in Node.js
Vorwort Generatorfunktionen gibt es in JavaScript...
Lösen Sie das Problem des 8-Stunden-Unterschieds zwischen Docker-Container und Host-Computer
Bei der Verwendung von Docker-Compose für die Ber...
Ein Tutorial zur Installation, Verwendung und automatischen Kompilierung von TypeScript
1. Einführung in TypeScript Im vorherigen Artikel...
Installations-Tutorial zur neuesten MySQL-Version 8.0.17 mit Dekomprimierung
Ich persönlich denke, dass die dekomprimierte Ver...
Detaillierte Erläuterung der Wissenspunkte zu Linux-Dateivorgängen
Verwandte Systemaufrufe für Dateioperationen erst...
So erlauben Sie allen Hosts den Zugriff auf MySQL
1. Ändern Sie den Host-Feldwert eines Datensatzes...