IE9beta版ブラウザはHTML5/CSS3をサポート

IE9beta版ブラウザはHTML5/CSS3をサポート

IE9 は Microsoft の第二の革命だと言う人もいます。これは誇張ではないと思います。IE6 以来、IE がこれほど徹底的にアップデートされたことはありません。DOM レベル 2 を完全にサポートし、CSS2.1 を完全にサポートし、より合理化されたインターフェイスを備えています... もちろん、私たちが最も関心を持っているのは、IE9 が HTML5 と CSS3 をどのようにサポートするかです。

Microsoft 独自のietestcenter Web サイトで、次のグラフを確認しました。

ie9test

この写真を見たとき、私はとてもストレスを感じ、IE9 は本当にそんなに素晴らしいのだろうかと考えました。指示を注意深く読んだ後、ここでのテスト項目は Microsoft が W3C に提出した項目のみであり、完全な内容ではないことに気付きました。たとえば、CSS3 には 5 つのテクノロジのみが含まれており、すべての CSS3 コンテンツが含まれているわけではありません。私は Microsoft を大いに非難しており、騙されそうになりました...

実際、ブラウザの HTML5/CSS3 サポートを理解するのは非常に簡単です。前回の記事で紹介した Modernizr は非常に優れたツールです。ここでは面倒なので、直接 findmebyip にアクセスして、IE9beta のサポート状況を確認します。

IE9 は新しい CSS3 機能をサポートしています:

IE9beta對CSS3特性的支持

現在の IE9beta の新しい CSS3 機能のサポートはまだ非常に弱いことがわかります。

IE9 は CSS3 セレクターをサポートしています:

IE9對CSS3選擇器的支持

IE9 はついに CSS セレクターをより完全にサポートするようになりました。

IE9 は HTML5 の新機能をサポートしています:

IE9對HTML5新特性的支持

IE9beta の HTML5 の新機能のサポートも不完全で、オーディオとビデオのサポートは非​​常に弱いです。IE チームは WebM をサポートすると発表しましたが、まだ実装されていません (PS: HTML5test.com Web サイトのテストでは、 IE9beta が H.264 形式のビデオをサポートしていることが示されています)。さらに、SVG のサポートは、Microsoft が IE9 を宣伝するために使用するベンチマークの 1 つです。しかし、 IE9 の SVG サポートはどの程度優れているのでしょうか?王道を見に行きましょう! PS: IE6 ~ IE8 は SVG をサポートしていないため、IE の関連テクノロジ アプリケーションでは代わりに Microsoft 独自の VML を使用する必要があります。

HTML5 フォームの IE9 サポート:

IE9對HTML5表單的支持

IE9 の HTML5 フォームのサポートは、常に私の最大の懸念事項でした。IE の最終公式バージョンが依然として HTML5 フォームをサポートしていないのであれば、これは間違いなく失敗したブラウザーです。

実際、IE9 は大きな進歩を遂げていることはわかっていますが、そのパフォーマンスの一部は、私たちにあまり期待を持たせないようにしています。たとえば、ハードウェア アクセラレーションは、ブラウザーのレンダリングを高速化できる優れた機能ですが、ハードウェア アクセラレーションがなくても、Chrome はすでに非常に高速です。ハードウェア アクセラレーションに DirectX 9+ が必要で、Windows 7 で実行する必要がある理由がまったく理解できません。WebKit の WebGL アクセラレーションと比較すると、Microsoft がすべての XP ユーザーを Windows 7 にアップグレードしない限り、この戦略にはあまり利点がありません。

さて、簡単なレビューをしました。IE がもっと良い形でリリースされ、アップデートされることを願っています。IE6 から IE9 までの 4 つのバージョンが共存すると、人々は気が狂いそうになります...

<<:  Web コンテンツ ページを作成するための 9 つの実用的なヒント

>>:  MySQL スロークエリログの詳細な理解

推薦する

MySQL ログインおよび終了コマンドの形式

mysql ログインのコマンド形式は次のとおりです。 mysql -h [hostip] -u [ユ...

easycomモードでUNI-APPコンポーネントを呼び出す際に習得する必要がある実践的なスキル

この記事は議論の出発点となることを目的としています。詳細なドキュメントと easycom の仕様につ...

Vue3 コンポジション API の紹介

目次概要例なぜそれが必要なのでしょうか?設定参照、反応的計算して見るライフサイクルVue3.0 は ...

Unicode の数学記号の概要

数学、物理学、および一部の科学技術分野で使用される特殊記号は多数あります。Unicode コードには...

フロントエンドに必要なNginx設定の詳細な説明

Nginx (エンジン x) は、軽量で高性能な HTTP およびリバース プロキシ サーバーであり...

js を使用して QR コードを生成するサンプル コード

以前、プロジェクトでQRコードをスキャンして情報を表示する機能を開発する必要がありました。インターネ...

ローカルでビルドした Docker イメージを Dockerhub に公開する方法

今日は、ローカルの Docker プロジェクト イメージを dockerhub に公開する方法を紹介...

レスポンシブ原則のソースコード分析のVue解釈

目次初期化初期化状態()初期化プロパティ()初期化データ()観察する()オブザーバーリアクティブを定...

UTF8 でエンコードされた Web ページにファイルが含まれている場合の、ページの前の空白行の解決方法

<br />このページはUTF8エンコードを使用しており、ヘッダーとフッターはテンプレー...

Dayjs を使用して Vue で一般的な日付を計算する方法

vue を使用してプロジェクトを開発する場合、フロントエンドでは次のような日付と時刻を計算する必要が...

nginxディレクトリパスをリダイレクトする方法

ドメイン名に続くパスがデフォルトの Web ディレクトリではなく、ローカル ディスク上の他のディレク...

MySQL 接続クエリを本当に学びましたか?

1. 内部結合クエリの概要内部結合は、アプリケーションで非常に一般的な結合操作であり、通常はデフォ...

Linux で NFS ファイル共有サーバーを構築するための詳細な手順

Linux が NFS サーバーを構築異なるオペレーティング システム間でデータを共有するために、通...

シンプルなメッセージボードケースを実現するJavaScript

参考までに、Javascriptを使用してメッセージボードの例(メッセージ削除あり)を実装します。具...

MySQLで数千万のテストデータを素早く作成する方法

述べる:この記事で扱うデータ量は 100 万です。数千万のデータが必要な場合は、量を増やすだけで済み...