IE6のバグと修正は予防戦略です

IE6のバグと修正は予防戦略です

元記事:究極の IE6 チートシート: 25 以上の Internet Explorer 6 のバグを修正する方法
翻訳: http://www.vfresh.org/w3c/727 (翻訳は原文を補足するものです)

IE6 のバグとその修正方法について説明する前に、これらの厄介な問題を回避するための戦略についていくつか説明する必要があります。諺にあるように、予防は治療に勝ります。

IE6 の市場シェア

市場シェア統計によると、現在(2009年8月)IE6の市場シェアは25.25%ですが、他の場所の統計は18.1%と大幅に低くなっています。統計結果は異なりますが、すべて減少傾向を示しています(この記事を翻訳している時点で、 TaobaoのIE6ユーザーは70%から69%に減少しています)。しかし、最も重要なのは、あなた自身のウェブサイトの統計です。ウェブサイトのトラフィックを分析すると、IE6 の普及率は開発する価値があるでしょうか?これはあなた自身で検討する必要があることです。

あなたのウェブサイト訪問者のほとんどが IE6 を使用しておらず、料金も支払っていない場合は、IE6 と互換性を持たせる必要がないため、時間、労力、費用を節約できます。

シンプルなデザインを作る

設計時にコードの実装を考慮すると、レイアウトの問題を回避できます。最も複雑なデザインでも、簡潔なコードで実装できます。タグを使いすぎると、デザインを修正する必要があります。
豊富な開発経験があり、多くのレイアウト問題を克服してきた場合は、解決策を記録しておくと、将来同じ問題に遭遇したときに開発効率が向上します。

適切なDOCTYPEを使用する

間違ったドキュメント宣言を使用すると、Quirks モードがトリガーされます。正しいドキュメント宣言を使用すると、すべてのブラウザーでページの外観が一貫していることが保証されます。次のいずれかのドキュメント宣言を使用します: HTML 5、HTML 4.01 Strict、HTML 4.01 Frameset、HTML 4.01 Transitional、XHTML 1.0 Strict、XHTML 1.0 Frameset、XHTML 1.0 Transitional、または XHTML 1.1

HTML5 について

<!DOCTYPE HTML>

HTML 4.01 厳密

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">

HTML 4.01 フレームセット

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 フレームセット//EN" " http://www.w3.org/TR/html4/frameset.dtd ">

HTML 4.01 移行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd ">

XHTML 1.0 厳密

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">

XHTML 1.0 フレームセット

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 フレームセット//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd ">

XHTML 1.0 移行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

1.1 の

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">

前のページ1 2 次のページ 全文を読む

<<:  Dockerは終了状態で起動します

>>:  ウェブデザイナーは適した人材

推薦する

LambdaProbe を使用して Tomcat を監視する方法

導入: Lambda Probe (旧称 Tomcat Probe) は、Apache Tomcat...

MySQL ページングパフォーマンスの調査

一般的なページング方法: 1. エスカレーター方式エスカレーター方式では通常、前のページ/次のページ...

MySQL でレプリケーション フィルターを動的に変更する方法

MySQLはレプリケーションフィルターを動的に変更します今日遭遇した問題についてお話しします。今日は...

JavaScriptオブジェクト指向について学ぼう

目次JavaScript プロトタイプチェーンオブジェクトプロトタイプトップレベルのプロトタイプOb...

Vue+Vantはトップ検索バーを実装します

この記事では、参考までに、Vue+Vant のトップ検索バーを実装するための具体的なコードを紹介しま...

JavaScript の querySelector メソッドと getElementById メソッドの違いを分析する

目次1. 概要1.1 querySelector() と querySelectorAll() の使...

vue-amap のインストールと使用手順

以前、Amap API を非同期にロードする方法を紹介しました。今回は、vue-amap の使用方法...

JavaScript でオブジェクトのプロパティを削除する方法

1. 削除delete は、オブジェクトのプロパティを残さずに削除する唯一の方法ですが、その「代替」...

sed コマンドを使用してファイルの特定の行を効率的に削除する方法

序文通常、ファイル内の特定の行を削除したい場合は、まずファイルを開き、削除する内容を見つけて、これら...

JavaScript のクロージャの問題の詳細な説明

クロージャは、純粋関数型プログラミング言語の伝統的な機能の 1 つです。クロージャをコア言語構造の不...

プログレッシブ ウェブ アプリ (PWA) の開発方法

目次概要必要とするアプリURL PWA にはどのような技術コンポーネントが必要ですか?マニフェストフ...

Linux DHCPサービスの詳細な説明

目次1. DHCP サービス (動的ホスト構成プロトコル) 1. 背景2. 概要3. 利点4.DHC...

HTML タグのセマンティクス化 (H5 を含む)

導入HTML は、Web ドキュメントのコンテンツのコンテキスト構造と意味を提供します。HTML 自...

熟練デザイナーの7つの原則(1):フォントデザイン

まあ、あなたはデザインの達人かもしれませんし、あるいはそれは大げさすぎるかもしれませんが、少なくとも...