In diesem Artikel spricht W3C Browser Technology Core Standards Working Member Mike Smith darüber, was genau HTML5 ist, und gibt einige Einblicke in nützliche Ressourcen, die Entwickler behalten sollten mit den sich weiterentwickelnden Standards Schritt halten.
Wir sind dabei, die Webplattform zu aktualisieren . Zur Beschreibung dieses Prozesses wird häufig HTML5 verwendet, obwohl die Technologie in der Iteration nicht auf die durch den HTML5-Standard definierten Funktionen beschränkt ist.
Ich verwende den Begriff „Webplattform“ (Webplattformfürm), um eine Reihe von Protokollen, Formaten und APIs zu bezeichnen, die von Webbrowsern unterstützt werden können. Entwickler nutzen diese Funktionen, um neue Anwendungen zu erstellen, die soziale Interaktionen unterstützen und Gerätefunktionen wie Kamera, Mikrofon und GPS-Funktionen nutzen. HTTP, TLS und WebSockets sind einige der Protokolle in der Webplattform; HTML, CSS und Javascript sind einige Beispiele für Webplattformformate. Zu den APIs in der Webplattform gehören die Geolocation-API und APIs für
. Wenn eine Funktion weit verbreitet ist und Entwickler sie häufig verwenden, um eine stabile Benutzererfahrung zu schaffen, wird diese Funktion schließlich Teil der Webplattform. Das World Wide Web Consortium (W3C) ist unverzichtbar, da es Interessengruppen zusammenbringt, um einige kostenlose Standards zu entwickeln und unterstützende Ressourcen wie Testsätze und Verifizierungsverfahren zu schaffen.
Standards sind als gemeinsames Protokoll sehr nützlich, aber die Webplattform umfasst eine große Anzahl von Technologien mit unterschiedlichen Reifegraden, und diese Technologien sind nicht alle standardisiert. Wenn Entwickler diese Technologien verwenden, werden sie auf einige praktische Probleme stoßen, darunter:
Wie kann ich Sonderfallcode reduzieren?
Welcher Code ist stabil genug, damit ich ihn jetzt verwenden kann?
Was mache ich für Benutzer, die nicht über den neuesten Browser verfügen?
Die Antworten auf diese Fragen haben sich im Laufe der Zeit geändert, daher haben Entwickler praktische Lösungen wie Fallbacks und „Polyfills“ entwickelt (die später näher erläutert werden). sowohl in alten Browsern als auch in den neuesten Browsern. In diesem Artikel konzentriere ich mich nicht auf den Status des HTML5-Standards, sondern erkunde einige nützliche Ressourcen, die Entwicklern den Einstieg in die heutige Open Web Platform-Technologie erleichtern sollen. Diese Ressourcen veranschaulichen die „Prinzipien und Anleitungen“ der Verwendung von HTML5, ergänzen den Standard und beschleunigen letztendlich die Bereitstellung.
platform.html5.org
Wie sollte ein vielbeschäftigter Entwickler mit den neuesten Funktionen Schritt halten und verstehen, welche Fallbacks und Polyfills (falls vorhanden) verwendet werden können? ? Ich bearbeite eine Website, platform.html5.org, auf der Sie mehr über die neuesten Technologien erfahren können, aus denen die Webplattform besteht. (Es wird vom Github-Repository betrieben und ich empfehle Ihnen dringend, bei der Pflege der Website zu helfen, indem Sie das Repo forken und Aktualisierungsanfragen senden.)
Diese Website kategorisiert Technologien wie Zeichnen und Satz, Multimedia und Speicherung. Die Symbole auf der Website stellen den Reifegrad jeder Technologie dar. Eine kleine grüne Flagge zeigt an, dass eine Funktion verfügbar ist. Ein gelber Blitz bedeutet „mit Vorsicht verwenden“. Dies sind jedoch nur sehr grobe Hinweise; um diese Funktionen wirklich zu verstehen, müssen Sie auf einige nützliche Links unten klicken, wie unten gezeigt:
Insbesondere die HTML5 Please-Seite verdient weitere Kommentare. Es wurde vom H5BP-Entwicklerkollektiv (der Entwicklergruppe hinter HTML5 Boilerplate) erstellt. Es listet Features nach Namen auf und bietet eine allgemeine Beschreibung des Reifegrads jedes Features. Außerdem wird ein Statusfeld angezeigt, das Statusinformationen für jede Funktion anzeigt (Verwenden/Vorsicht/Vermeiden). In einigen Fällen werden die Schlüsselwörter „caution“ und „use“ mit „with fallback“ oder „with polyfill“ angehängt. Im Fall von „mit Fallback“ können Sie das Panel erweitern, um genau zu sehen, wie Fallback für die Funktion bereitgestellt wird.
Ein Polyfill bezieht sich auf einen Teil des Javascript-Codes, der als Shim einer Funktion dient, das heißt, er simuliert eine zukünftige API, die Fallback-Funktionalität für ältere Browser bereitstellt.
Die Site-Manager von HTML5 Please machen es jedem leicht, zur Site beizutragen, indem sie in jedem Bereich einen Link „Diese Informationen bearbeiten“ bereitstellen. Damit können Sie eine Kopie des Inhalts einer Seite erstellen und an die Site senden. (Dieser Mechanismus wird von einem Github-Repository unterstützt und alle Änderungen am Inhalt werden als Pull-Requests übermittelt.) Die Betreiber dieser Website werden den Inhalt überprüfen und konsolidieren.
Manchmal möchten Sie detailliertere Statusinformationen sehen, als HTML5 Please bietet. Beispielsweise möchten Sie vielleicht genau wissen, welche Browser einen bestimmten Browser unterstützen und welche Versionen jedes Browsers ihn unterstützen, oder in welchem Umfang Funktionen in mobilen Browsern unterstützt werden und welche Betriebssystemversionen diese Browser haben. Was ist das? An dieser Stelle müssen Sie sich die Seite „Wann kann ich verwenden…“ ansehen.
When Can I Use wird von Alexis Deveria gepflegt. Er verfolgt den Status zahlreicher Funktionen und aktualisiert die Website, sobald neue Versionen des Browsers veröffentlicht werden. Wenn Sie eine Funktion kennen lernen möchten, die jedoch noch nicht auf der Website „Wann kann ich sie verwenden“ verfügbar ist, können Sie vorschlagen, sie hinzuzufügen.
Jetzt gibt es für jede auf „When Can I Use“ aufgezeichnete Funktion eine Tabelle. Eine Spalte in der Tabelle ist für gängige Desktop-Browser (IE, Firefox, Chrome, Safari und Opera) und eine Spalte ist für gängige mobile Browser. Browser (iOS Safari, Opera Mini, Opera Mobile und Android Browser), jede Zeile gibt die Versionsnummer jedes Browsers an. Wie bei anderen Websites ist die Unterstützung einer Funktion für jede bestimmte Browserversion farblich gekennzeichnet (Unterstützung/teilweise (teilweise Unterstützung), Unterstützung/nein (nicht unterstützt), unterstützt/unbekannt (nicht sicher, ob sie unterstützt wird)).
Sehen Sie sich zum Beispiel an, wie CSS-Zähler unterstützt werden. Eine Tabelle voller grüner Einträge zeigt an, dass die Funktion gut unterstützt wird. Andere Funktionen, die nicht gut unterstützt werden, werden rot hervorgehoben.
Jede Funktionstabelle auf der Website „Wann kann ich verwenden“ enthält einen „Siehe auch“-Link zur Tabelle verwandter Funktionen sowie Links zu Websites von Drittanbietern, die Informationen zur Nutzung dieser Funktionen bereitstellen wie man diese Funktionen für die Entwicklung nutzt.
MDN (Mozilla Developer Network) ist eine Website mit Links zu platform.html5.org und When Can I Use. Stellen Sie sich MDN als Leitfaden für die Verwendung von Funktionen vor. Wenn Sie beispielsweise Web Worker implementieren möchten und einige Codebeispiele und Links zu Ressourcen mit detaillierten Informationen benötigen, bietet MDN eine Seite zur Verwendung von Web Workern, die für den Einstieg sehr hilfreich sein kann.
Wie HTML5 Please, When Can I Use und platform.html5.org begrüßt MDN auch Beiträge und macht den Prozess schneller und einfacher als andere Websites: Die gesamte Website ist ein Wiki, also sobald Sie ein Konto erstellen , Sie können jede Seite bearbeiten.
Testsuiten
Es gibt keinen besseren Weg, den Reifegrad einer Funktion zu beurteilen, als über eine vollständige Testsuite zu verfügen. Sie können die Testsuite selbst ausführen und die Ergebnisse analysieren. Es gibt weder eine zentrale Bibliothek für die Webplattform noch einen einzigen Ort, an dem Sie alle Ergebnisse sehen können, aber das W3C hat mit der Arbeit an einer gemeinsamen Test-Framework-Site begonnen, ebenso wie die W3C CSS Working Group Erstellen einer Test-Framework-Site für CSS.
Auf diesen Websites können Sie die Ergebnisse verschiedener Testsätze für jeden Browser und jede Browserversion durchsuchen. Sie können die Testsuite auch in Ihrem eigenen Browser ausführen und die Ergebnisse zur Integration in die Framework-Ergebnisdatenbank übermitteln. Beispielsweise testet das mehrspaltige Layoutmodul von CSS die Ergebnisdaten oder eine Startseite, auf der Sie Ihre eigene Testsuite im Browser ausführen können.
Fazit
Die zuvor erwähnte Website kann Ihnen dabei helfen, die neue Webplattform weiterzuverfolgen. Ich hoffe, dass mit zunehmender Reife der Plattform und mehr Menschen, die ihren Code und ihre Erfahrungen teilen, weitere nützliche Websites entstehen. Ich würde mich freuen, wenn Sie die von mir genannten Websites nutzen und dort Ihre eigenen Erkenntnisse einreichen, damit hochwertige und aktuelle Informationen über die Webplattform mit allen geteilt werden können.
[Verwandte Empfehlungen]
1.
Kostenloses h5-Online-Video-Tutorial
2.
HTML5-Vollversionshandbuch
3.
php.cn Original-HTML5-Video-Tutorial
Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, was genau HTML5 ist.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
