Bald darauf begann HTML5 die Aufmerksamkeit immer mehr Menschen auf sich zu ziehen. Obwohl das W3C erklärte, dass es noch ein weiter Weg bis zur endgültigen Reife sei, hindert dies die Menschen nicht daran, es zu erwarten. Im Jahr 2007 marschierte HTML5 auf den W3C-Standard zu. Die Mission von HTML5 besteht darin, umfangreiche Webanwendungen zu lokalisieren und sich von den Fesseln von Browser-Plug-Ins zu befreien. Das W3C hat den ersten Entwurf von HTML5 im Januar 2008 veröffentlicht, und die vollständige Implementierung des HTML5-Standards wird möglicherweise erst 2022 oder später erfolgen.
Was ist HTML5?
HTML5 ist nach HTML4.01, XHTML 1.0 und DOM 2 HTML eine weitere wichtige Version, die darauf abzielt, die Abhängigkeit von Rich Internet Programs (RIA) von Browser-Plug-Ins wie Flash, Silverlight und JavaFX zu beseitigen.
HTML5-Zusammenfassung
HTML5 bringt viele neue Funktionen und Änderungen im HTML-Code mit sich. Sie müssen einige spezifische API-Skripte verwenden, wie zum Beispiel:
DOM
Canvas-Objekt, das 2D-Zeichnung implementiert
Steuerbare Medienwiedergabe
Offline-Speicher
Dokumentbearbeitung
Drag & Drop
Dokumentübergreifende Nachrichten
Verwaltung des Browserverlaufs
MIME-Typ- und Protokollregistrierung
Browser, die HTML5 unterstützen, müssen flexibler im Umgang mit HTML-Codefehlern sein, während Browser, die HTML5 nicht unterstützen, HTML5-Code ignorieren.
Änderungen der HTML-Syntax
HTML5 führt neue HTML-Elemente und -Attribute ein. Einige sind semantische Versionen herkömmlicher allgemeiner Elemente, wie z. B. Navigation, Fußzeile und andere Elemente, die div-Elemente ersetzen. Es gibt auch einige brandneue Elemente, wie z. B. Audio und Video. Einige Elemente, die in HTML4 veraltet sind, wie z. B. Schriftart und Mitte, werden veraltet sein. Zu den neuen durch HTML5 eingeführten HTML-Elementen gehören:
Artikel: Artikel
aside: Seitenleisteninhalt neben dem Inhalt
Audio: Audio
Leinwand: 2D-Zeichnung
Befehl: Befehlsschaltfläche
Datenliste: Dropdown-Auswahlfeld
Details: Details zum Objekt
Dialog: Dialogbox
Einbetten: externes Plug-In oder Objekt
Abbildung: eine Reihe von Medienobjekten und Beschriftungstext
Kopfzeile: oben auf der Seite
hgroup: Informationen zu einem bestimmten Teil des Dokuments
keygen: Vom Formular generierter Schlüssel
Marke: markierter Text
Meter: ein Maß innerhalb eines vordefinierten Bereichs
nav: Navigationsleiste
Ausgabe: Ausgabe
Fortschritt: Fortschrittsbalken
rp: identifiziert Ruby-Inhalte
rt: Erklärung des Ruby-Inhalts
Ruby: Ruby-Inhalt
Abschnitt: Definieren Sie einen Abschnitt
Quelle: Medienressourcen
Zeit: Datum und Uhrzeit
Video: Video
Diese neuen Tags können das Laden Ihrer HTML-Dokumente erleichtern und es Suchmaschinen erleichtern, die nützlichen Informationen zu crawlen. Beispielsweise können Suchmaschinen den Inhalt im Artikel-Tag, der ihnen am wichtigsten ist, direkt crawlen.
Wie HTML5 mit beliebten Technologien koexistiert
Die heutige Webwelt hat sich an verschiedene Plug-Ins und APIs gewöhnt, was für Webentwickler und -designer sowohl Komfort als auch Unannehmlichkeiten mit sich bringt. Wie wird HTML5 mit diesen beliebten Technologien koexistieren?
HTML5 und Flash
Diese Debatte wird seit langem von einigen Entwicklern und Designern missbraucht, was dazu führt, dass einige Webseiten langsam laden, und HTML5 hat einen Hoffnungsschimmer gebracht. Es mag unfair sein, HTML5, das noch in den Kinderschuhen steckt, mit Flash zu vergleichen, das bereits 10 Jahre alt ist, aber das ist ein Thema, das allen Sorgen bereitet. Mac-Benutzer profitieren möglicherweise mehr von HTML5 als Windows-Benutzer, da Apple Flash bisher nur zögerlich unterstützt. Das Folgende ist Teil eines von Mike Chambers durchgeführten Tests zur CPU-Auslastung von Browsern auf Mac- und Windows-Plattformen:
.jpg)
Tests zeigen, dass die Flash-Leistung auf der Mac-Plattform je nach verwendetem Browser schlechter ist als auf der Windows-Plattform. Nun scheint Flash die bessere Wahl zu sein, wenn es um Videospiele geht. Wenn Ihre Videos jedoch nicht sehr komplex sind, ist HTML5 je nach Browser die bessere Wahl. Was Webentwickler und Designer aus diesen Debatten mitnehmen sollten, ist, dass es Alternativen zu Flash gibt, Flash jedoch fest verankert ist und Kunden bei der Entwicklung von Designs für sie einige Nachforschungen über ihre Zielgruppe anstellen müssen.
HTML5 und IE 9
IE9 wirbt oft mit seiner HTML5-Kompatibilität, aber es wird tatsächlich ein Browser sein, der HTML5 gut unterstützt, da IE9 die Windows Modern Graphics API und die Grafikbeschleunigerkarte des PCs zur Ausgabe von Text und Grafiken verwendet. Auf der MIX-Show im März kündigte Microsoft außerdem an, dass IE9 GPU-beschleunigtes HTML5 unterstützen und das Scrollen von Grafiken, die 3D-Grafikanzeige und andere Verarbeitungsfunktionen an Grafikbeschleunigerkarten übergeben wird.
HTML5 und Ajax
Ein Problem mit der aktuellen HTML-Sprache besteht darin, dass es sich um eine leichtgewichtige Anwendungsschnittstelle handelt. Entwickler, die gerne Ajax zur Implementierung von Online-Anwendungen verwenden, werden die Verwendung von HTML als sehr schwierig empfinden. Ajaxwith.com glaubt, dass HTML zum Laden von Schnittstellen geeignet ist und JavaScript zum Ausführen von Befehlen verwendet wird. Obwohl HTML als Schnittstellensprache nicht einfach zu verwenden ist, ist HTML dennoch unverzichtbar, da es den meisten Entwicklern vertraut ist.
Die gute Nachricht ist, dass HTML5 die Implementierung von Ajax-Anwendungen einfacher machen wird.
HTML5 mit CSS
Sie müssen Ihren CSS-Code so organisieren, dass er HTML5 unterstützt, da Tags wie h1 und h2 nicht mehr verwendet werden. Um Kompatibilität mit HTML5 zu erreichen, ist es am besten, das CSS allgemeiner HTML-Attribute zu ersetzen Woork glaubt, dass der beste CSS-Reset der CSS-Reset von Eric Meyer ist.
Vor- und Nachteile von HTML5
HTML5 könnte dem mobilen Web weitere Vorteile bringen. Der Grund dafür ist, dass das iPhone jetzt das mobile Web dominiert und das iPhone kein Flash unterstützt. HTML5 wird es auch mobilen Browsern auf anderen Plattformen ermöglichen, Webseiten schneller zu laden. Ein weiterer Vorteil ist SEO. Google gab am 9. April bekannt, dass die Seitenladegeschwindigkeit ein Faktor für das Suchranking sein wird, sodass auch HTML5-basierte Seiten von schnelleren Ladegeschwindigkeiten profitieren werden.
Allerdings wird es, wie bei jeder neuen Technologie, auch einige Probleme geben. Für Webdesigner besteht das größte Problem darin, dass es aufgrund der Einführung dieser neuen Tags zu einem Mangel an einheitlicher Datenbeschreibung unter den Browsern kommen wird.
Bis HTML5 weit verbreitet ist, werden wir nicht genau wissen, welche positiven oder negativen Auswirkungen der HTML5-Code haben wird. Insgesamt wird es eine große Veränderung für Entwickler sein, für Grafikdesigner ist es jedoch noch nicht klar.
Internationale Quelle dieses Artikels: Instantshift.com HTML5: Den Hype wert? (Originalautor: Shannon Suetos)
Chinesische Zusammenstellungsquelle: Offizielle Website des Ruishang Enterprise CMS -Website-Content-Management-Systems