あなたのウェブサイトはIE8に適していますか?

あなたのウェブサイトはIE8に適していますか?
オリンピック期間中にIE8ベータ2がリリースされ、英語版のリリースに合わせて中国語版も第一波でリリースされる予定です。
IE 8 は、Internet Explorer の歴史の中でリリースされた最も重要なバージョンになります。中国の伝統的な縁起の良い数字「8」に加えて、最も重要なことは、標準との互換性が大幅に強化されたことです。Web 開発者にとって最大の利便性は、適応するために各ブラウザー (またはブラウザーの異なるバージョン) ごとに異なる CSS を開発する必要がなくなったことです。将来、Web 開発者は、さまざまなブラウザ標準の違いにあまり重点を置くことなく、W3C 標準との互換性を維持するだけで済みます。リリース日が近づいてきましたが、ウェブサイトの準備はできていますか?
1) 互換性に関する考慮事項<br />さまざまな歴史的理由により、現在の Web サイトでは、ブラウザーごとに異なる CSS ファイルが設定されている場合があります。 IE 8 に関しては、ほとんどの Web サイトはまだ準備ができていない可能性があります。 IE 8 には「IE 7 エミュレーション モードの切り替え」ボタンがあり、ベータ 1 およびベータ 2 ではこのボタンがデフォルトで選択された状態に設定されていたことをご存知の方も多いと思います。ただし、IE 8 が正式にリリースされると、このボタンはデフォルトでチェックされなくなります。つまり、Web サイトが何も準備を行わない場合、IE 8 は常に CSS を厳密モードで解析することになります。
以前、パートナーと会ったとき、IE 8 Beta 2 の strict モードを使用してほとんどの Web ページを閲覧しました。多かれ少なかれ表示が歪む問題があり、Web サイトを正しく閲覧することができませんでした。ウェブサイトが IE 8 との互換性についてテストされていない場合は、できるだけ早く IE 8 Beta 1 をダウンロードし、IE 8 strict モードに切り替えてウェブサイトを閲覧することをお勧めします。
問題が見つかり、短期間で解決できないと思われる場合は、ページにメタ タグを追加して、サーバー側で IE 8 に「IE 7 エミュレーション モード」を強制的に使用させることもできます。方法は非常に簡単です。
a. すべてのサイト ページの場合: Web サーバー (Apache/IIS/Resin など) の HTTP ヘッダー情報を変更し、次の命令を追加します: X-UA-compatible: IE=EmulateIE7。これは個人的に強くお勧めする方法です。フルサイトテストが実行できない場合は、この方法を使用して IE 8 の strict モードを一時的に無効にすることができます。
b. 個々のページの場合: Web サイトのほとんどのページが IE 8 の厳密モードで正常に表示されるものの、一部のページのみに問題がある場合は、問題のあるページのヘッダー、つまり Head タグに次のメタ タグを追加することをお勧めします。
<meta http-equiv="X-UA-compatible" content="IE=EmulateIE7" />。
詳細については、http://support.microsoft.com/kb/952030/ を参照してください。
2) アクティビティとWebSliceを作成する
IE 8 はベータ 1 期間中に、Activity と WebSlice という 2 つの新機能を公開しました。現在、多くの国内 Web サイトが Activity と WebSlice に基づいた関連コンテンツを制作しています。IE 8 ベータ 2 期間中、さらに多くの Web サイトがこれらの実用的なガジェットをリリースすることがわかります。公開されているウェブサイトの一部を以下に示します。
a. タオバオ: http://ie8.taobao.com
b. ネットイース: http://ie8.163.com
c. 百度: http://stock.baidu.com/ie8/ie8.html
d. テンセント: http://labs.qq.com/e/49/
.NET 開発者がよく訪れる Blog Garden でも、最新記事の Web Slices を公開しています。興味がある方は、IE 8 Beta 1 を使って Blog Garden のホームページにアクセスしてみてください。さらに、Firefox 3 も使用している場合は、Firefox 3 用の Activity および WebSlice プラグインが開発されていることがわかります。
アクティビティの使用シナリオ: Web サイトは一連のサービスを提供しており、Web サイトのユーザーは他の Web サイトでのアクティブな操作を通じてこれらのサービスを呼び出すことができます。たとえば、株式/ファンド情報の照会サービスを提供する金融ウェブサイトの場合、アクティビティを通じて、ユーザーが自社のウェブサイトに移動することなく、他のウェブサイトの株式レビューを閲覧できるようにすることができます。つまり、ユーザーは右クリック メニューから自社のウェブサイトの対応するサービスを呼び出すことができます。ご興味がございましたら、アクティビティ開発のホワイトペーパーをダウンロードできます。
WebSlice の使用シナリオ: Web サイトではニュースや株価情報などのリアルタイム情報を提供しており、ユーザーが対応するページに戻らずにコンテンツの変更をエンド ユーザーにプッシュしたいとします。WebSlice を選択できます。開発コストは、ページ内のタグの「Class」要素を特別な名前「hslice」に設定するだけです。詳細については、WebSlice 開発ホワイト ペーパーをお読みください。
さらに、IE 8 Beta 2 がリリースされると、Microsoft は IE 8 用の新しいギャラリー Web サイトを公開します。この Web サイトは、さまざまな Web サイトで開発された WebSlice/Activity や IE 8 の新機能のその他のコンポーネントを検索したり、エンド ユーザーによる評価やダウンロードを提供したりするために使用します。開発した WebSlice/Activity をユーザーに好んでもらいたい場合は、今すぐに始めましょう。早起きは三文の徳です。 :)
3) IE 8 Beta 2 のその他の特徴としては、(i) 一連の新機能、(ii) 中国の主要なウェブサイトが IE 8 Beta 2 と連絡を取り、多くのパートナーが IE 8 Beta 2 に非常に興味を持ち、IE 8 Beta 2 に基づいたサービスを開発していること、(iii) オリンピック期間中にこのような成果が見られると確信していること (NDA 契約に基づき、このようなウェブサイトは Microsoft から IE 8 Beta 2 の初期の内部バージョンも入手しています) などがあります。マイクロソフトは、パートナーが開発した IE 8 向けのさまざまな新サービスを宣伝するための一連のマーケティング活動も開催します。
IE 8 Beta 2 がまもなくリリースされます。企業 Web サイトの Web デザイナーであっても、個人 Web サイトの Web マスターであっても、できるだけ早く IE 8 に備える必要があります。 この記事がお役に立てば幸いです。

<<:  MySQL のストレージ エンジンの違いと比較

>>:  Docker で LNMP 環境を素早く構築する方法 (最新)

推薦する

フロントエンドとバックエンドを分離した nginx 構成を展開するための完全な手順

序文決まり文句です。ここでは、フロントエンドとバックエンドの分離についての私の理解についてお話ししま...

Linuxパフォーマンス監視コマンドの簡単な紹介

システムでさまざまな IO ボトルネック、メモリ使用量の増加、CPU 使用率の増加などの問題が発生し...

Dockerイメージが消える問題を解決する

1. 50と93では鏡像が消える [root@h50 /]# df -h ファイルシステムの使用済み...

CSS スタイルの優先順位はどれくらい複雑ですか?

昨晩、面接の質問を見ていたら、CSS スタイルの優先順位について特に明確に説明していない人が何人かい...

nginx で同時接続リクエストの数を制限する方法

導入同時接続数を制限するモジュールは http_limit_conn_module です。アドレス:...

IEウェブページのポップアップウィンドウの共通パラメータは自分で設定できます

ポップアップは、現在のウィンドウにメニューツールバーがあるかどうかとは関係ありません。ページにスクリ...

HTML におけるメタの役割について (インターネットから収集および分類)

W3Cschoolではこのように説明しています<meta> 要素は、検索エンジン向けの説...

MySQL マルチバージョン同時実行制御メカニズム (MVCC) ソースコードの詳細な説明

目次1. はじめに2. MVCC (マルチバージョン同時実行制御メカニズム) 2.1 繰り返し読み取...

MySQL 外部キー設定方法の例

1. 外部キーの設定方法1. MySQL では、2 つのテーブルを関連付けるために、外部キー (FO...

同期スクロールを実現するための複数のテーブル要素のサンプルコード

Element UIは、複数のテーブルを同時に水平および垂直にスクロールすることを実装します。 コー...

MySQL の挿入およびバッチ ステートメントのいくつかの例の詳細な説明

目次序文1.無視を挿入2. 重複キーの更新時3. を置き換える4.存在しない場合は挿入する5. デー...

Linux サーバーに Python3 をインストールする 2 つの方法

最初の方法Alibaba Cloud および Baidu Cloud サーバーが利用可能です。 ! ...

SQLと各種NoSQLデータベースの使用シナリオの説明

SQL はメイントランクです。なぜ私はこのように理解するのでしょうか。技術的な観点からリレーショナル...

Dockerfile を使用して nginx イメージを構築する例

Dockerfile の紹介Docker は、Dockerfile の内容を読み取ってイメージを自動...

ボタンをクリックして画像を切り替える JavaScript

この記事の例では、ボタンをクリックすることで画像を切り替えることを実現するJavaScriptの具体...