あなたのウェブサイトは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 環境を素早く構築する方法 (最新)

推薦する

node.js で Web サーバーを作成する手順の詳細な説明

序文node.js でサーバーを作成するのは非常に簡単です。小さいながらも完全な Web サーバーを...

Vue命令の実装原理の分析

目次1. 基本的な使い方2. 指示の動作原理2.1. 初期化2.2 テンプレートのコンパイル2.3....

HTML のボタン タグをクリックしてページにジャンプする 3 つの方法

方法1: onclickイベントを使用する <input type="button&...

HTML独習の旅(I)基本要素と属性の練習(自分でコードを書く)

私は W3school のチュートリアルに従いました。チュートリアルはとても良いと思います。各セクシ...

WeChatミニプログラムがシームレスなスクロールを実現

この記事の例では、WeChatアプレットのシームレスなスクロールを実現するための具体的なコードを参考...

Dockerコンテナイメージからコードを復元する手順

コードが失われ、コンテナ内で実行されているイメージから必要なコードを回復する必要がある場合があります...

XHTML 入門チュートリアル: リストタグの使用

リストは、類似または関連する一連の項目をリストするために使用されます。順序なしリスト(箇条書きリスト...

HTMLフォームのいくつかの送信方法の概要

最も一般的で、最もよく使用され、最も一般的な方法は、submit タイプを使用することです。コードを...

jQuery Ajax チャットボットの実装事例

チャットボットは多くの手作業を省くことができ、顧客サービス、天気予報対応など、さまざまな状況で使用で...

HTML でテキストの折り返しを実装する例 (HTML でテキストと画像が混在)

1. 画像の周りのテキスト通常のものを使用する場合、たとえば次のようになります。コードをコピーコー...

Zabbix パスワードをリセットする方法 (ワンステップ)

問題の説明長い間アカウントパスワードを入力して Zabbix にログインしていないため、管理者パスワ...

VMware 仮想マシン ブリッジ モードでインターネットにアクセスできない問題を解決する方法

ステップ1: ローカルイーサネットプロパティをチェックして、VMwareブリッジプロトコルがインスト...

MySQL のソート関数 field() の詳細な例

序文私たちの日常の開発プロセスでは、ソートが頻繁に使用され、そのような要求がある場合もあります。たと...

PHP クラスにおける static と self の違いの簡単な分析

メソッドが定義されているクラスに応じて、現在のクラスへの静的参照を取得するには、self:: または...

Html、sHtml、XHtml の違いのまとめ

たとえば、<u>には終了文字がなく、ブラウザはそれを認識します。 SHTML は Ser...