Änderungen in der Web -Ära und der Unterschied zwischen HTML5 und HTML4

HTML5 ist die nächste Version des HTML -Standards. Immer mehr Programmierer beginnen, Websites in HTML5 zu erstellen. Wenn Sie sowohl HTML4 als auch HTML5 verwenden, werden Sie feststellen, dass das Gebäude mit HTML5 viel bequemer ist als die Migration von HTML4 bis HTML5. Obwohl HTML5 HTML4 nicht vollständig untergräbt, haben sie immer noch viele Ähnlichkeiten, aber auch einige wichtige Unterschiede in HTML5 sind die nächste Version des HTML -Standards. Immer mehr Programmierer beginnen, Websites in HTML5 zu erstellen. Wenn Sie sowohl HTML4 als auch HTML5 verwenden, werden Sie feststellen, dass das Gebäude mit HTML5 viel bequemer ist als die Migration von HTML4 bis HTML5. Obwohl HTML5 HTML4 nicht vollständig untergräbt, haben sie immer noch viele Ähnlichkeiten, aber auch einige wichtige Unterschiede. Lassen Sie uns als nächstes den Unterschied zwischen HTML5 und HTML4 durch diesen Artikel erfahren

Neue Struktur -Tags für HTML5

Auf den vorherigen HTML -Seiten verwendeten alle im Grunde die Div+CSS -Layout -Methode. Wenn Suchmaschinen den Inhalt der Seite kriechen, können sie nur erraten, dass der Inhalt in einem Ihrer DIV ein Artikelinhaltecontainer, ein vom Autor eingeführter Container oder ein vom Autor vorgestellter Container usw. ist. Mit anderen Worten, die gesamte HTML -Dokumentstruktur ist nicht klar. Um dieses Problem zu lösen, fügte HTML5 speziell Strukturelement -Tags hinzu, die sich auf die Struktur beziehen, wie Header, Fußzeile, Navigation, Artikelinhalte usw.

Bevor wir über diese neuen Tags sprechen, schauen wir uns zunächst das Layout einer gewöhnlichen Seite an:

Im obigen Bild können wir sehr deutlich sehen, dass eine gewöhnliche Seite über Kopfzeile, Navigation, Artikelinhalte, beigefügte rechte Balken, unten und andere Module angeschlossen ist. Wir unterscheiden es durch die Klasse und verarbeiten es durch verschiedene CSS -Stile. Relativ gesehen ist die Klasse jedoch keine häufige Standardspezifikation. Suchmaschinen können nur die Funktionen eines bestimmten Teils erraten. Wenn dieses Seitenprogramm an Personen mit Sehbehinderung zum Lesen übergeben wird, sind die Dokumentstruktur und der Inhalt außerdem nicht sehr klar. Das neue Layout des neuen HTML5 -Tags ist die folgende Situation:

Die Standards der vorherigen Generation von HTML: HTML 4.01 und XHTML 1.0 wurden heute vor mehr als 10 Jahren veröffentlicht, und die Anwendungen auf der Webseite haben sich ebenfalls drastisch verändert. Darüber hinaus gibt es im Web-Front-End keinen einheitlichen und gemeinsamen Internetstandard, und es gibt zu viele Inkompatibilität zwischen Browsern, was zu viel Zeit verschwendet, um die Kompatibilität dieser Browser aufrechtzuerhalten. Eine andere Sache ist, dass frühere Multimedia-Operationen, Animationen usw. die Unterstützung von Plug-Ins von Drittanbietern erfordern, was das Problem der Kompatibilität mehrerer Plattformen erzeugt. All dies wird zu einem Standard in HTML5, der die Unterschiede in den Browsern und die Probleme einiger Plug-Ins von Drittanbietern grundlegend löst, wodurch Webanwendungen Standard, vielseitiger und unmittelbarerer unabhängiger werden.

Seit H5 im Jahr 2010 offiziell herauskam, wurde es von großen Browsern begrüßt und unterstützt. Derzeit bewegt sich die Branche in Richtung H5 und die Ära von H5 kommt bald.

HTML5 ist kein revolutionärer Wandel, sondern eine Entwicklung. Darüber hinaus waren viele der vorherigen HTML4 -Standards kompatibel, und alle Webanwendungen, die über die neuesten HTML5 -Standards erstellt wurden, können auch auf alten Browsern problemlos ausgeführt werden. Der HTML5 -Standard integriert viele praktische Funktionen wie Audio und Video, lokaler Speicher, Socket -Kommunikation, Animation usw., die in früheren Anwendungsentwicklung alle berücksichtigt und verbessert wurden. Ich glaube, wenn Sie relevante Erfahrung haben, werden Sie sehr berührt.

Das Ziel von HTML5 ist: Es bietet Standards für die Entwicklung einfacherer, unabhängiger und standardmäßiger allgemeiner Webanwendungen durch einige neue Tags und neue Funktionen.

Der neue Standard löst drei Hauptprobleme: Probleme mit der Browser -Kompatibilität, löst das Problem der unklaren Dokumentenstruktur und löst Probleme wie begrenzte Funktionen von Webanwendungen.

1. Einige veraltete HTML4 -Tags wurden storniert

Dazu gehören Marker, die nur Effekte wie <font> und <center> zeigen, die vollständig durch CSS ersetzt wurden.

Andere abgesagte Eigenschaften: Akronym, Applet, Basefont, Big, Mitte, Dir, Schriftart, Rahmen, Frameset, Issidex, Noframes, Strike, TT.

2. Einige neue Elemente fügten hinzu

Zum Beispiel: intelligentere Formular Tags: Datum, E -Mail, URL usw.; Weitere vernünftige Tags: Abschnitt, Video, Fortschritt, NAV, Messgerät, Zeit, beiseite, Leinwand usw.

3. Neues globales Attribut: Intentierbarer DesignMode Hidden Scalteck Tabindex

4. Markup -Methode: Es gibt nur eine Art von Dateitypdeklaration (<! DocType>): <! DocType html>.

Geben Sie die Zeichencodierung an <meta charset = utf-8>

5. New JS API

6. Verträglichkeit sicherstellen

Tagelemente können weggelassen werden

Endmarken sind nicht erlaubt: wie Basis der Flächenbasis

Die Endmarke kann weggelassen werden: wie li dt

Alle Tags können weggelassen werden: wie HTML -Kopf