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

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

推薦する

npmとcnpmを混在させる際の落とし穴の詳細な説明

目次原因理由NPM の紹介: CNPM の紹介:より良い方法方法の改善npm と cnpm を一緒に...

クラウド サーバー Ubuntu_Server_16.04.1 に MySQL をインストールしてリモート接続を有効にする方法

1. MySQLをインストールします。対応するソフトウェアをインストールするには、次の 3 つのコマ...

Linuxプロセスネットワークトラフィック統計の実装プロセス

序文Linux には、ネットワーク接続、プロセス、およびその他の情報をリアルタイムで収集するための対...

CUDA8.0とCUDA9.0はUbuntu16.04で共存します

序文Github にある以前のコードには、CUDA 8.0 環境が必要なものもあります。初心者の場合...

Vue で Graphql インターフェースを実装する例

注意:この記事は現在取り組んでいる nestjs+graphql+serverless 合宿における...

Vueプロジェクトはログインと登録の効果を実現します

この記事の例では、ログインと登録の効果を実現するためのvueプロジェクトの具体的なコードを共有してい...

Dockerはコード検出プラットフォームSonarQubeを構築し、Mavenプロジェクトのプロセスを検出します

1 はじめに優れたコーディング習慣は優れたプログラマーが備えるべき資質ですが、コードの品質を保証する...

fileReader 使用時の落とし穴と解決策

目次fileReader に関する落とし穴iOS における FileReader の落とし穴 (イメ...

Reactでプロキシを有効にする2つの実用的な方法

プロキシを有効にする2つの方法React には、直接使用できるカプセル化された Ajax リクエスト...

React の国際化 react-intl の使用

React で国際化を実現するにはどうすればよいでしょうか? react-intlプラグインは、Re...

Linux の ufw ファイアウォールの紹介

Linux のufw (Uncomplicated Firewall) を見て、ファイアウォールに変...

JavaScript の基礎: エラーキャプチャメカニズム

目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...

HTML DOM入門_PowerNode Javaアカデミー

DOMとは何ですか? JavaScript を使用すると、HTML ドキュメント全体を再構築できます...

Vueは双方向データバインディングを実装します

この記事の例では、双方向データバインディングを実装するためのVueの具体的なコードを参考までに共有し...

ReactのsetStateがマクロタスクなのかマイクロタスクなのかについて詳しく話しましょう

目次序文面接官は適切な質問をしていますか? § React は setState をどのように制御し...