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
15-minütiges paralleles Artefakt GNU Parallel Erste Schritte
GNU Parallel ist ein Shell-Tool zum parallelen Au...
Lösung für das Problem, dass Mixin in SCSS nicht funktioniert (der Browser kann es nicht kompilieren)
Mixin-Methode: Der Browser kann nicht kompilieren...
So installieren Sie den Kibana-Tokenizer im Docker-Container
Schritt: 1. Erstellen Sie eine neue Datei docker-...
Detaillierte Erläuterung der Docker Volume-Berechtigungsverwaltung
Das Datenvolumen ist ein wichtiges Konzept von Do...
Analyse des Linux-Hochleistungsnetzwerk-IO- und Reaktormodells
Inhaltsverzeichnis 1. Einführung in grundlegende ...
So ändern Sie die Server-UUID in MySQL
Quelle des Problems: Wenn der Slave-Server der ge...
Natives JS zum Erzielen von Book-Flipping-Effekten
In diesem Artikel wird ein mit nativem JS impleme...
So stellen Sie mit Docker ein einfaches C/C++-Programm bereit
1. Erstellen Sie zunächst eine Datei hello-world....
Verstehen Sie einfach die Unterschiede in den Prinzipien gängiger SQL-Delete-Anweisungen
In diesem Artikel werden hauptsächlich die Unters...
Detaillierte Erläuterung des Problems des unendlichen Neustarts beim Ausführen der Docker-Umgebung des SpringBoot-Projekts
Vielleicht habe ich angefangen, falsch zu denken,...
Verständnis des CSS-Selektorgewichts (persönlicher Test)
Code kopieren Der Code lautet wie folgt: <styl...
Implementierung von Vergleichen, Sortieren und anderen Operationen für Daten vom Typ varchar in MySQL
Bei der Verwendung von MySQL werden Daten im Allg...
Beispielcode einer SVG-Schaltfläche basierend auf einer CSS-Animation
Der spezifische Code lautet wie folgt: <a href...
Einfache Verwendung des Vue Vee-Validate-Plugins
Inhaltsverzeichnis 1. Installation 2. Import 3. V...
So verwenden Sie reguläre Ausdrücke, um Platzhalterdomänennamen in Nginx automatisch abzugleichen
Nginx verwendet reguläre Ausdrücke, um Platzhalte...