ホームページ ウェブフロントエンド H5 チュートリアル HTML5: Web 標準における最大の進歩_html5 チュートリアルのヒント

HTML5: Web 標準における最大の進歩_html5 チュートリアルのヒント

May 16, 2016 pm 03:51 PM
chrome html web webkit 私たち 標準 ブラウザ


HTML5 は、過去 10 年間で Web 標準における最大の進歩です。以前のバージョンとは異なり、HTML 5 は Web コンテンツを表現するためだけに使用されるのではなく、Web を成熟したアプリケーション プラットフォームに導き、ビデオ、オーディオ、画像、アニメーション、およびコンピューターとの対話をすべて標準化することです。 HTML 5 の実現はまだ遠いですが、HTML 5 は Web を変えています。
HTML 5
HTML への最新のアップグレードは、1999 年 12 月にリリースされた HTML 4.01 でした。それ以来、たくさんのことが起こりました。最初のブラウザ戦争は終わり、Netscape はなくなり、IE5 が勝者となり、その後 IE6 と IE7 に進化しました。 Mozilla Firefox は Netscape の灰の中から現れ、2 位に躍り出ました。 Apple と Google はそれぞれ独自のブラウザを発表しましたが、Xiaojiabiyu の Opera は今でも活気に溢れており、その使命は Web 標準を促進することです。 Opera、iPhone、そしてもうすぐ Google の Android のおかげで、私たちは携帯電話やコンソールでも真の Web エクスペリエンスを実現できます。
しかし、これらすべてが Web 標準化運動をさらに混乱させるだけであり、その結果、HTML 5 は常に草案の形で示されてきました。
そこで、いくつかの企業が協力して Web Hypertext Application Technology Working Group (WHATWG) という組織を設立し、再び HTML 5 を採用することになりました。この組織は W3C から独立しており、Mozilla、KHTML/Webkit プロジェクト チーム、Google、Apple、Opera、Microsoft のメンバーが所属しています。 HTML 5 ドラフトは短期的には承認されないでしょうが、HTML 5 はついに定着することになりました。
HTML 5 は何をもたらしますか? HTML 5 ドラフトの最も興味深い部分は次のとおりです。 新しい、より合理的なタグ。マルチメディア オブジェクトはオブジェクト タグや埋め込みタグにバインドされなくなり、代わりにビデオにはビデオ タグが、オーディオにはオーディオ タグが追加されます。 ローカルデータベース。この機能にはローカル SQL データベースが組み込まれ、対話型の検索、キャッシュ、インデックス作成機能が高速化されます。同時に、オフラインの Web プログラムもこれによって大きな恩恵を受けることになります。 プラグインを必要としない豊富なアニメーション。 Canvas オブジェクトにより、ブラウザはベクトル グラフィックスを直接描画できるようになります。これは、Flash や Silverlight を使用せずにブラウザーでグラフィックスやアニメーションを直接表示できることを意味します。 IE を除く一部の最新ブラウザはすでに Canvas をサポートしています。 ブラウザ上の実際のプログラム。ブラウザ内での編集、ドラッグ アンド ドロップ、およびさまざまなグラフィカル ユーザー インターフェイス機能を有効にする API が提供されます。 コンテンツ変更タグは削除され、代わりに CSS が使用されます。
理論的には、HTML 5 は新しい Web 標準を育成するための土壌であり、主催者間でさまざまなアイデアを共有できるようになりますが、HTML 5 はまだ実験段階にあります。
Mozilla のテクノロジー担当副社長である Mike Shaver 氏は、HTML 5 は WHATWG 組織の実験分野であり、W3C の標準的な道でもあると述べました。
Shaver は、Mozilla の関心が WHATWG の実験と一致すると考えています。Mozilla は HTML 5 ワーキング グループで非常に活発であり、私たちは初期の詳細をいくつか実験し、完成した結果を W3C に提出しています。
ここ数年、Web プログラムをオフラインで実行するシステムである Prism やデータ ストレージ フレームワークである Weave など、さまざまな新しい標準の出現に伴い、Mozilla は複数の将来を見据えたプロジェクトを立ち上げてきました。
シェーバー氏は、HTML 5 の動きは W3C への焦りから始まったものであり、W3C が HTML から XML に焦点を移したことで Web 標準の進歩が停滞していると述べました。
XML アーキテクチャに基づく多くの新しいテクノロジーは HTML を置き換えるように設計されており、これは正しい道ではなく、盲目の黒人男性がトウモロコシの柄を折るようにそれを破って捨てるべきではないとシェーバー氏は言いました。
HTML 5 の新しい実験は、Firefox、Webkit ベースの Safari、Chrome ブラウザで徐々に強化されていますが、まだ多くの問題があります。
Chrome 開発者の Darin Fisher 氏は、Chrome はまだ初期段階にあり、最新の Webkit を使用していましたが、初期バージョンの Chrome には HTML 5 のローカル データベース機能が実装されていなかったと述べました。 Chrome のサンドボックス メカニズムが Webkit のデータベース機能と競合するためです。
Chrome は秘密裏に開発されているため、Chrome 開発者が Webkit の開発に参加するのは不便です。
Chrome を秘密にしておきたい場合は、Webkit コミュニティに参加することはできません。フィッシャー氏は、「我々は何らかの形でWebkitを支援したいと思っている。我々には経験豊富な開発者がたくさんいるので、人々が現在どのような課題に直面しているのかを知り、喜んで支援したいと思っている」と語った。
Chrome のリリースにより、フィッシャー氏は、彼のチーム メンバーが Webkit のメンバーと時々夕食を共にし、そのうちの何人かはプライベートで良い友達になったと述べました。フィッシャー氏は、他の Webkit 開発チームと協力してオフライン データベースの問題を解決したいと述べました。
Chrome には、HTML 5 と同様のオフライン機能を実装するために使用される Google のオープンソース Gears テクノロジーも含まれています。
Gears は既存の API の代替品と見なすことができますが、HTML 5 は新しいブラウザーにとって非常に良いものですが、大多数のユーザーは依然として古いブラウザーを使用しているとフィッシャー氏は述べました。 Gears では、このような API を古いブラウザでも利用できるようにすることができ、HTML 5 バージョンの API との互換性を提供することに取り組んでいます。
Gears の互換性は非常に優れているため、HTML 5 を人々のデスクトップに導入するもう 1 つの方法になりつつあります。
現在、作業のほとんどは Apple、Mozilla、Opera、Google、Trolltech によって行われています。マイクロソフトは何をしているのでしょうか? IE は、HTML 5 はおろか、Web 標準に対しても遅いことで知られています。しかし、IE 8 ではそれが変わるかもしれません。
Microsoft IE プラットフォームおよび WHAT ワーキング グループの議長である Chris Wilson 氏は、電子メールの中で、現在開始している作業により HTML ワーキング グループでテスト システムを作成できることを期待していると述べました。 Wilson 氏は、IE 開発チームは HTML 5 の提案の一部について依然として懸念を抱いていると述べた。ワーキンググループのメンバー全員は、私たちがまだやるべきことがたくさんあることを認識していると思います。
現在ベータ版である IE8 には、HTML 5 の多くの新機能がすでに含まれています。クロスドキュメントメッセージングシステム、ローカルストレージ、およびネットワークの停止を検出するためのいくつかのオフラインイベントを備えています。ただし、Canvas など、まだ予定されていない機能もいくつかあります。
HTML 5 は非常に大規模であり、まだ開発段階にありますが、ブラウザのメーカーはできるだけ早く合意に達すべきであり、各ブラウザは独自の実装時期を選択できると思います。 Web 開発者とブラウザ ベンダーは、今が間違いなくエキサイティングな時代であり、Web が新しいアプリケーション プラットフォームになることを期待しているという Wilson の意見に同意するでしょう。
この記事の国際的なソース: http://www.webmonkey.com/blog/How_HTML_5_Is_Already_Changing_the_Web
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

グラデーションの背景を持つカードとクーポンのレイアウトに対するギャップ効果を達成する方法は? グラデーションの背景を持つカードとクーポンのレイアウトに対するギャップ効果を達成する方法は? Apr 05, 2025 am 07:48 AM

カードクーポンレイアウトのギャップ効果を実現します。カードクーポンレイアウトを設計するとき、特に背景が勾配である場合、カードクーポンにギャップを追加する必要があることがよくあります...

Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Apr 05, 2025 pm 10:33 PM

最近、Webページにローカルにインストールされたフォントファイルを使用して、インターネットから無料のフォントをダウンロードし、システムに正常にインストールしました。今...

58.com作業ページでリアルタイムアプリケーションと視聴者のデータを取得する方法は? 58.com作業ページでリアルタイムアプリケーションと視聴者のデータを取得する方法は? Apr 05, 2025 am 08:06 AM

クロール中に58.com作業ページの動的データを取得するにはどうすればよいですか? Crawlerツールを使用して58.comの作業ページをrawったら、これに遭遇する可能性があります...

node.jsでHTMLテキストを取得するためにリクエストライブラリを使用する場合、例外をエンコードする理由は何ですか?それを解決する方法は? node.jsでHTMLテキストを取得するためにリクエストライブラリを使用する場合、例外をエンコードする理由は何ですか?それを解決する方法は? Apr 05, 2025 am 07:03 AM

node.js環境でHTMLテキストコンテンツを取得するためにリクエストライブラリを使用する場合のコーディング例外の理由とソリューション。 node.jsを使用する開発プロセス中に、しばしば...

PCページズームの後もスタイルは同じままです。可能なソリューションは何ですか? PCページズームの後もスタイルは同じままです。可能なソリューションは何ですか? Apr 05, 2025 am 07:51 AM

ページのスタイルをズームして、ページのズームイン後に同じように保持するという課題。多くの開発者は、PCページを作成するときに難しい問題に遭遇します。

CSSを介してサイズ変更シンボルをカスタマイズし、背景色で均一にする方法は? CSSを介してサイズ変更シンボルをカスタマイズし、背景色で均一にする方法は? Apr 05, 2025 pm 02:30 PM

CSSでサイズ変更シンボルをカスタマイズする方法は、背景色で統一されています。毎日の開発では、調整など、ユーザーインターフェイスの詳細をカスタマイズする必要がある状況に遭遇することがよくあります...

CSSとFlexBoxを使用して、さまざまな画面サイズで画像とテキストのレスポンシブレイアウトを実装する方法は? CSSとFlexBoxを使用して、さまざまな画面サイズで画像とテキストのレスポンシブレイアウトを実装する方法は? Apr 05, 2025 pm 06:06 PM

CSSを使用してレスポンシブレイアウトを実装して、Webデザインのさまざまな画面サイズの下でレイアウトの変更を実装する場合、CSS ...

See all articles