Heim > Web-Frontend > H5-Tutorial > Hauptteil

Veränderungen im Web-Zeitalter und der Unterschied zwischen HTML5- und HTML4_HTML5-Tutorial-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:46:16
Original
1645 Leute haben es durchsucht

HTML5 ist die nächste Version des HTML-Standards. Immer mehr Programmierer greifen beim Erstellen von Websites auf HTML5 zurück. Wenn Sie HTML4 und HTML5 gleichzeitig verwenden, werden Sie feststellen, dass das Erstellen von Grund auf mit HTML5 viel bequemer ist als die Migration von HTML4 auf HTML5. Obwohl HTML5 HTML4 nicht vollständig aufhebt, weisen sie dennoch viele Gemeinsamkeiten, aber auch einige wesentliche Unterschiede auf. Als Nächstes lernen wir den Unterschied zwischen HTML5 und HTML4 anhand dieses Artikels kennen.
Die neuen Struktur-Tags von HTML5
Auf früheren HTML-Seiten verwendeten grundsätzlich alle die Div-CSS-Layoutmethode. Wenn eine Suchmaschine den Inhalt einer Seite crawlt, kann sie nur vermuten, dass es sich bei dem Inhalt in einem Ihrer Divs um einen Artikelinhaltscontainer, einen Navigationsmodulcontainer oder einen vom Autor eingeführten Container usw. handelt. Mit anderen Worten, die Struktur des gesamten HTML-Dokuments ist nicht klar definiert. Um dieses Problem zu lösen, fügt HTML5 speziell Folgendes hinzu: Kopfzeile, Fußzeile, Navigation, Artikelinhalt und andere Strukturelement-Tags, die sich auf die Struktur beziehen.
Bevor wir über diese neuen Tags sprechen, schauen wir uns zunächst das Layout einer normalen Seite an:


Im obigen Bild können wir deutlich sehen, dass eine gewöhnliche Seite über eine Kopfzeile, eine Navigation, einen Artikelinhalt, eine angehängte rechte Spalte und ein unteres Modul verfügt, und wir tun dies durch Klassen, die durch verschiedene CSS-Stile differenziert und verarbeitet werden . Aber relativ gesehen ist die Klasse keine universelle Standardspezifikation. Suchmaschinen können die Funktionen bestimmter Teile nur erraten. Darüber hinaus sind die Dokumentstruktur und der Inhalt nicht sehr klar, wenn dieses Seitenprogramm sehbehinderten Personen zum Lesen gegeben wird. Das neue Layout, das durch das neue HTML5-Tag entsteht, lautet wie folgt:  


Änderungen im Web-Zeitalter
Die vorherige Generation von HTML-Standards: HTML 4.01 und XHTML 1.0 wurden vor mehr als 10 Jahren veröffentlicht und Web- Nebenanwendungen Es hat auch weltbewegende Veränderungen erfahren. Darüber hinaus gibt es keinen einheitlichen und universellen Internetstandard für das Web-Frontend. Es gibt zu viele Inkompatibilitäten zwischen verschiedenen Browsern und es wird zu viel Zeit damit verschwendet, die Kompatibilität dieser Browser aufrechtzuerhalten. Darüber hinaus erforderten frühere Multimedia-Vorgänge, Animationen usw. die Unterstützung von Plug-Ins von Drittanbietern, was zu Kompatibilitätsproblemen mit mehreren Plattformen führte. All dies wird in HTML5 zum Standard, wodurch das Problem der Serverunterschiede grundlegend gelöst wird Einige Plug-in-Probleme von Drittanbietern machen Webanwendungen standardisierter, vielseitiger und geräteunabhängiger.
Seit h5 im Jahr 2010 offiziell veröffentlicht wurde, wird es von großen Browsern begrüßt und unterstützt. Die Branche bewegt sich derzeit in Richtung h5 und die Ära von h5 steht vor der Tür.
HTML5 ist keine revolutionäre Veränderung, sondern lediglich eine Entwicklungsänderung. Darüber hinaus ist es mit vielen früheren HTML4-Standards kompatibel und alle Webanwendungen, die mit dem neuesten HTML5-Standard erstellt wurden, können auch problemlos auf älteren Browserversionen ausgeführt werden. Der HTML5-Standard integriert viele praktische Funktionen wie Audio und Video, lokale Speicherung, Socket-Kommunikation, Animation usw., die meiner Meinung nach ernst genommen und aktualisiert wurden, nachdem die vorherige Anwendungsentwicklung das Gefühl hatte, dass die Webseite nutzlos sei Wenn Sie über einschlägige Erfahrung verfügen, wird es auch sehr berührend sein.
Das Ziel von HTML5 besteht darin, durch einige neue Tags und neue Funktionen Standards für die Entwicklung einfacherer, unabhängiger und standardisierter Allzweck-Webanwendungen bereitzustellen.
Der neue Standard löst drei Hauptprobleme: Browserkompatibilität, unklare Dokumentstruktur und eingeschränkte Funktionalität von Webanwendungen.
Der Unterschied zwischen HTML4 und HTML5
1. Entfernen Sie einige veraltete HTML4-Tags
einschließlich Tags, die ausschließlich für Anzeigeeffekte dienen, wie z. B.

, sie wurden vollständig durch CSS ersetzt.
Andere gelöschte Attribute: Akronym, Applet, Basefont, Big, Center, Dir, Font, Frame, Frameset, Isindex, Noframes, Strike, Tt.
2. Einige neue Elemente hinzugefügt
Zum Beispiel: intelligentere Formular-Tags: Datum, E-Mail, URL usw.; sinnvollere Tags: Abschnitt, Video, Fortschritt, Navigation, Meter, Zeit, beiseite, Leinwand usw . .
3. Neues globales Attribut: contentEditable designMode versteckter Rechtschreibprüfungs-Tabindex
4. Es gibt nur einen Typ der Dateitypdeklaration (): .
Zeichenkodierung angeben Beispielsweise kann im Bereich base br
das End-Tag weggelassen werden: z. B. li dt
Sie können alle Tags weglassen: z. B. html head

Das Codebeispiel lautet wie folgt:




Code kopieren

Der Code lautet wie folgt:



html5

...





    111111

    22222



    ...


    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!