HTML5 とは一体何なのかについて話しましょう。

この記事では、ブラウザ テクノロジー コア標準ワーキング グループのメンバーであるW3C Mike Smith が、HTML5 とは実際には何なのかについて語り、開発者が進化する標準に追いつくために役立つリソースをいくつか提供します。

Webプラットフォームを更新中です。このプロセスを説明するために HTML5 がよく使用されますが、この反復におけるテクノロジーは HTML5 標準で定義された機能に限定されません。

私は、Web ブラウザーでサポートできる一連のプロトコル、形式、API を指すために「Web プラットフォーム」(Web プラットフォームform) という用語を使用します。開発者はこれらの機能を使用して、ソーシャル インタラクションをサポートし、カメラ、マイク、GPS 機能などのデバイス機能を活用する新しいアプリケーションを構築します。 HTTP、TLS、WebSocket は Web プラットフォームのプロトコルの一部であり、HTML、CSS、Javascript は Web プラットフォーム形式の例です。 Web プラットフォームの API には、Geolocation API と

の API が含まれます。最終的に、機能が広く実装され、開発者が安定したユーザー エクスペリエンスを作成するために頻繁に使用する場合、この機能は Web プラットフォームの一部になります。 World Wide Web Consortium (W3C) は、利害関係者を集めていくつかの無料標準を開発し、テスト セットや検証手順などのサポート リソースを作成する上で重要な役割を果たしてきました。

標準は共有プロトコルとして非常に便利ですが、Web プラットフォームにはさまざまな成熟度レベルのテクノロジが多数含まれており、これらのテクノロジがすべて標準化されているわけではありません。開発者がこれらのテクノロジーを使用すると、次のようないくつかの実際的な問題に遭遇することになります:

• 特殊なケースのコードを減らすにはどうすればよいですか?

• 現在使用できるほど安定しているコードはどれですか?

• 最新のブラウザを持っていない人はどうすればよいですか?

これらの質問に対する答えは時間の経過とともに変化しているため、開発者は、古いブラウザーでコンテンツを利用できるようにするフォールバックや「ポリフィル」（後で説明します）などの実用的なソリューションを開発しました。最新のブラウザも同様です。この記事では、HTML5 標準の状況に焦点を当てるのではなく、開発者が今日の Open Web Platform テクノロジの使用を開始するのに役立ついくつかの有用なリソースを検討します。これらのリソースは、HTML5 を使用するための「原則とハウツー」を明確にし、標準を補完し、最終的には展開を迅速化します。

platform.html5.org

多忙な開発者がどのようにして最新の機能に対応し、どのようなフォールバックやポリフィルがうまく機能しないのかを理解するにはどうすればよいでしょうか (あれば）利用可能ですか？私は、Web プラットフォームを構成する最新のテクノロジーについて学ぶことができる Web サイト platform.html5.org を編集しています。 (これは github リポジトリによって提供されており、リポジトリをフォークして更新リクエストを送信して、サイトの維持に協力することを強くお勧めします)。

このサイトは、描画とタイポグラフィ、マルチメディア、ストレージなどのテクノロジーを分類しています。サイト上のアイコンは、各テクノロジーの成熟度を表しています。小さな緑色のフラグは、機能が利用可能であることを示します。黄色の稲妻は「注意して使用する」ことを意味します。ただし、これらは非常に大まかな表示にすぎません。これらの機能を実際に理解するには、以下に示すように、いくつかの便利なリンクをクリックする必要があります:

• いつ使用できますか? Mozilla 開発者ネットワーク)

特に、HTML5 Please サイトについてはさらなるコメントが必要です。これは、H5BP 開発者集団 (HTML5 ボイラープレートの背後にある開発者グループ) によって作成されました。機能を名前ごとにリストし、各機能の成熟度について概要を説明します。また、各機能のステータス情報 (使用/注意/回避) を表示するステータス パネルも表示されます。場合によっては、「caution」および「use」キーワードに「with fallback」または「with Polyfill」が追加されることがあります。 「フォールバックあり」の場合、パネルを展開して、機能にフォールバックがどのように提供されているかを正確に確認できます。 L POLYFILL は、JavaScript コードの期間を特性として特定のシムとして参照します。つまり、この API は古いブラウザーにフォールバック機能を提供します。

HTML5 Please のサイト管理者は、誰でも簡単にサイトに投稿できるようにし、すべてのパネルに「この情報を編集」リンクを提供して、ページ コンテンツのコピーを作成してサイトに送信できるようにします。 (このメカニズムは github リポジトリによってサポートされており、コンテンツへの変更はプル リクエストとして送信されます)。このサイトの管理者はコンテンツをレビューして統合します。

HTML5 Please が提供するものよりも詳細なステータス情報が必要になる場合があります。たとえば、特定のブラウザをサポートしているブラウザと各ブラウザのバージョン、またはモバイル ブラウザでどの程度の機能がサポートされているか、およびそれらのブラウザの OS バージョンを正確に知りたい場合があります。この時点で、「When Can I Use…」サイトをチェックする必要があります。

When Can I Use は Alexis Deveria によって管理されています。彼は多数の機能のステータスを追跡し、ブラウザの新しいバージョンがリリースされるとサイトを更新します。知りたい機能が「When Can I Use」サイトにまだ掲載されていない場合は、追加するよう提案できます。 「WHEN Can I used」に記録されたすべての特性には表があり、その表には Safari、Opera Mini、Opera Mobile、Android Browser のリストがあり、各行は各ブラウザーのバージョン番号です。他のサイトと同様に、機能のサポートは特定のブラウザ バージョンごとに色分けされています (サポート/部分的 (部分的なサポート)、サポート/いいえ (サポートされていない)、サポート/不明 (サポートされているかどうか不明))。

たとえば、CSS カウンターがどの程度サポートされているかを見てみましょう。テーブルが緑色のエントリでいっぱいであれば、その機能が十分にサポートされていることを示します。十分にサポートされていないその他の機能は赤色で強調表示されます。

「いつ使用できるか」サイトの各機能表には、関連する機能の表への「参照」リンクと、それらの機能の使用方法を説明するサードパーティのサイトへのリンクが提供されています。開発用の機能。 Z MDN (Mozilla DEVELOPER Network) は、platform.html5.org が存在するサイトで、いつリンクを追加できますか。 MDN は、機能を「どのように使用できるか」についてのガイドであると考えてください。たとえば、Web ワーカーを実装する必要があり、コード例と詳細情報を含むリソースへのリンクが必要な場合、MDN には Web ワーカーの使用に関するページがあり、開始するのに非常に役立ちます。

HTML5 と同様に、いつ使用できますか、platform.html5.org、MDN も貢献を歓迎し、プロセスを他のサイトよりも迅速かつ簡単にします。サイト全体が Wiki なので、アカウントを作成すると、任意の内容を編集できます。ページ。 testスイートは、完全なテストスイートを持つように。自分でテスト スイートを実行し、結果を分析することができます。 Web プラットフォームには集中ライブラリはなく、すべての結果を確認できる単一の場所もありません。しかし、W3C は共有テスト

フレームワーク

サイトの構築を開始しており、W3C CSS ワーキング グループもテスト

フレームワーク

サイトを構築しています。 CSSのフレームワークサイト。

これらのサイトでは、さまざまなテスト セットでのさまざまなブラウザおよびブラウザ バージョンの結果を参照できます。独自のブラウザでテスト スイートを実行し、結果を送信してフレームワーク結果データベースに統合することもできます。たとえば、CSS の複数列レイアウト モジュールは、結果データをテストするか、ブラウザーで独自のテスト スイートを実行できる起動ページをテストします。

結論 提 前述のサイトは、新しい Web プラットフォームをフォローアップするのに役立ちます。プラットフォームが成熟し、より多くの人がコードや経験を共有するにつれて、より便利なサイトが出現することを願っています。 Web プラットフォームに関する質の高い最新情報を全員と共有できるように、私が紹介したサイトをぜひ利用して、独自の調査結果をそこに投稿してください。

【関連おすすめ】

1.

無料のh5オンラインビデオチュートリアル

2. HTML5完全版マニュアル

3. php.cnオリジナルのhtml5ビデオチュートリアル

以上がHTML5 とは一体何なのかについて話しましょう。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。