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は終了状態で起動します

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

推薦する

MySQLのどのフィールドがインデックスに適しているかについての簡単な説明

目次1 データベース インデックスを作成するための一般的なルールは次のとおりです。 2. 数千万件の...

Win7 64 ビット版に MySQL 5.7 をダウンロードしてインストールする際によくある問題の概要

1. 公式ウェブサイトからMySQLをダウンロードします。 これが私たちが探しているものです、win...

MySQLはこのような更新文を決して書きません

目次序文原因現象なぜ?分析要約する序文今日は、非常に典型的な MySQL の「落とし穴」についてお話...

Nexusプライベートサーバー構築原理とチュートリアル分析

1つ。 Nexus プライベート サーバーを構築する理由は何ですか?社内の開発メンバーは全員外部ネッ...

仮想マシンでXshell5をLinuxに接続する方法と障害の解決方法

かなり前に仮想マシンをインストールしましたが、ようやく Linux をインストールしました。マシンの...

Tomcat をサービスとして登録する際に注意すべき点のまとめ

Tomcat をサービスとして登録する場合の注意点は次のとおりです。 インターフェースを開いたら、以...

非常に便利な CSS 開発ツール 8 つを紹介

CSS3 パターン ギャラリーこの CSS3 パターン ライブラリには、純粋な CSS3 を使用して...

HTML CSS JS はタブページのサンプルコードを実装します

コードをコピーコードは次のとおりです。 <html xmlns="">...

Sublime Text - ブラウザのショートカットキーを設定するための推奨方法

コード効果を異なるブラウザで表示することはよくあることなので、異なるショートカットキーを使用して対応...

HTML テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード

複雑な表を作成するには HTML を使用します。複雑なテーブルでは通常、td の rowspan 属...

JavaScript を使用して div の位置をドラッグして入れ替える例

1 実施原則これは、DOM 要素の dragstart/ondragover/ondrop イベント...

Vue はシームレスなカルーセル効果 (マーキー) を実現します

この記事では、シームレスなカルーセル効果を実現するためのVueの具体的なコードを例として紹介します。...

Docker 上で Redis クラスターを構築する

目次1. イメージをプルする2. Redisコンテナを作成する3. コンテナを起動するためにクラスタ...

Reactはtodolistの追加、削除、変更、クエリを実装します

目次ToDoリストを例に挙げましょうディレクトリは次のとおりですアプリ入力.jsリスト.jsアイテム...

PCとモバイルの適応の問題に対する迅速な解決策

Web ページを作成する場合、通常、コンピューターの画面サイズと携帯電話の画面サイズの違いなどの問題...