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

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

推薦する

CentOS7.3 での MySQL 8.0.13 のインストールと設定のチュートリアル

1. 基本環境1. オペレーティングシステム: CentOS 7.3 2. MySQL: 8.0.1...

Linuxの簡単な分析でファイアウォールの状態と外部に開いているポートの状態を確認する

1. ファイアウォールの状態を確認するファイアウォールのステータスを確認する systemctl s...

jQueryはシャトルボックス効果を実現します

この記事では、シャトルボックス効果を実現するためのjQueryの具体的なコードを参考までに紹介します...

nginx プロキシでの複数の 302 応答の解決策 (nginx Follow 302)

proxy_intercept_errors と recursive_error_pages を使...

Vueは書籍ショッピングカートの機能を実現

この記事の例では、書籍ショッピングカート機能を実現するためのVueの具体的なコードを参考までに共有し...

Vue で pdfjs を使用して PDF ファイルをプレビューする方法

目次序文考えるライブラリディレクトリの解析とダウンロード使い方ファイルの場所実際の通話質問要約する序...

画像の盗難を防ぐために Nginx で Referer を設定する方法

サーバーの画像が他のウェブサイトからホットリンクされると、サーバーの帯域幅とアクセス速度に影響します...

Docker の詳細なイラスト

1. Dockerの紹介1.1 仮想化1.1.1 仮想化とは何ですか?コンピュータにおける仮想化とは...

マージントップ崩壊現象とその具体的解決策

マージントップの崩壊とはmargin-top の崩壊は、CSS ボックス モデルで発生する現象です。...

JavaScript はマウスのドラッグを実装して div のサイズを調整します

この記事では、マウスをドラッグしてdivのサイズを調整するJavaScriptの具体的なコードを参考...

rem をモバイル デバイスに適応させる方法の例

序文モバイル端末のREM適応ソリューションのレビューと概要remの使い方rem 単位の計算は、HTM...

CentOS IP接続ネットワーク実装プロセス図

1. システムにログインし、ディレクトリに入ります: cd /etc/sysconfig/netwo...

JavaScript 開発における標準コミットメッセージの重要性の詳細な説明

目次標準コミットメッセージの重要性コミットするコミットリント依存関係をインストールする.commit...

Tomcatc3p0 で jnid データ ソースを構成する 2 つの実装方法の分析

c3p0の使用c3p0jarパッケージをインポートする <!-- https://mvnrep...

Reactを使用して画像認識アプリを実装する方法

まずは効果の写真をお見せしましょう。 個人的には効果は問題ないと思います。アプリが写真を学習する時間...