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 スロークエリログの詳細な理解

推薦する

Windows10 mysql 8.0.12 非インストール版 設定 起動方法

この記事では、MySQL 8.0.12のインストールされていないバージョンを設定して起動するための具...

ウェブページのフォント設定についての簡単な説明

サイト全体のフォントを設定することは、常にシンプルでありながら難しい作業です。深く掘り下げていくと、...

MySQL および Oracle のバッチ挿入 SQL の一般的な記述例

目次例えば:一般的な執筆:要約する例えば:次に、データベースのUSERテーブルにUserオブジェクト...

Dockerで複数のSpringbootを実行するための詳細なチュートリアル

Dockerは複数のSpringbootを実行する1番目: ポートマッピング 2番目: メモリサイズ...

一般的なDockerコマンドの詳細な説明

1. ヘルプコマンド1. 現在のDockerバージョンを表示する docker バージョン2. イメ...

MySQL の列から行への変換と年月グループ化の例

以下のように表示されます。 SELECT count(DISTINCT(a.rect_id)) zc...

共有サイドバーを実装するためのネイティブJS

この記事では、ネイティブ JS で実装された共有サイドバーを紹介します。効果は次のとおりです。 以下...

Linux でタイムアウト付きの接続関数を試す

前回の記事では、Windows でタイムアウトを試してみました。この記事では、Linux で試してみ...

Linux におけるシステム入出力管理の詳細な説明

システムの入力と出力の管理1. システムの入力と出力を理解するLinuxシステムでは、1は正しい出力...

ネイティブ js で呼び出し、適用、バインドを実装する方法

1. 呼び出しを実装するステップ:関数をオブジェクトのプロパティとして設定します。これを関数に割り当...

Web フォームの入力要素の高度な使用例 11 選

1. ボタンが押されたときに点線のボックスをキャンセルする<br />入力に属性値hid...

QQtabBar による CSS 命名仕様 BEM の詳細な紹介

QQtabBar の BEMまず、BEMとはどういう意味でしょうか? BEM は、ブロック、要素、修...

HTMLページのヘッダーコードは完全に明確です

以下のコードはすべて <head>...</head> の間にあり、具体的な...

ウェブデザイン実践者必読のキャリアプラン

原文記事、転載の際は著者と出典を明記してください! Web デザインは間違いなくテクノロジーであり、...

JSはストップウォッチタイマーを実装します

この記事の例では、ストップウォッチタイマーを実装するためのJSの具体的なコードを参考までに共有してい...