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 起動時の ERROR 2003 (HY000) の問題を解決する方法

1. 問題の説明MYSQL を起動すると、図に示すように、「ERROR 2003 (HY000): ...

Echatsチャートの大画面適応を実装する方法

目次説明する成し遂げるプロジェクトのディレクトリ構造は次のとおりです。効果図は以下のとおりです要約す...

CocosCreator 学習モジュールスクリプト

Cocos Creator モジュラースクリプトCocos Creator を使用すると、コードを複...

altとtitleの違いの詳しい説明

これら 2 つの属性はよく使用されますが、その違いはまとめられていません。それでは、その使い方をまと...

異なる列を持つテーブルのクエリ結果のSQLマージ操作

2 つの異なるテーブルをクエリするには、結果をマージする必要があります。たとえば、table1 の列...

標準のMySQL (x64) Windowsバージョンのインストール手順の詳細な説明

MySQL x64 はインストーラーを提供していません、インストーラーを提供していません、インストー...

Ubuntu Server のターミナルのウェルカム メッセージで広告を無効にする方法

最新の Ubuntu Server バージョンを使用している場合、ようこそメッセージに、Ubuntu...

ウェブページをデザインする際に注意すべきいくつかの問題

Web デザインは、個人の好みや Web ページの内容に応じて、デザインのレイアウトが常に変化します...

CSSアニメーションに基づくSVGボタンのサンプルコード

具体的なコードは次のとおりです。 <a href="#"> <...

Vue 基本チュートリアル: 条件付きレンダリングとリストレンダリング

目次序文1.1 機能1.2 要素の可視性を制御する方法1.3 初期レンダリングの比較1.4 スイッチ...

Mysql クラシック高レベル/コマンドライン操作 (クイック) (推奨)

サーバーとデータベースの構築方法を学ぶ必要があるため、最近は SQL 言語を独学で学び始めました。デ...

ウェブページ印刷細線表+ページ印刷究極の戦略

最近、クライアントのために印刷していたとき、ページのヘッダーを印刷するのではなく、表の内容だけを印刷...

Vueはドラッグプログレスバーを実装します

この記事では、ドラッグプログレスバーを実現するためのVueの具体的なコードを例として紹介します。具体...

Vueでキャッシュされたページを管理する方法

目次問題1: 破壊1. 破壊する方法2. いつ破壊するか2.1 解決策1: route.queryを...

MySQL ストアド プロシージャ、カーソル、トランザクションの例の詳細な説明

MySQL ストアド プロシージャ、カーソル、トランザクションの例の詳細な説明以下は私が作成した M...