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

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

推薦する

Ubuntu 上の Apache で SSL (https 証明書) を設定する正しい方法の詳細な説明

まず、Alibaba Cloud の公式チュートリアルをご覧ください。ファイルの説明: 1. 証明書...

Ubuntu 20.04 は Wi-Fi に接続します (2 つの方法)

最近Ubuntu 20.04をインストールしましたが、Wi-Fiに接続できず、Wi-Fiアイコンも表...

CSS トップに戻る コード例

最近のウェブサイトのほとんどはページが長く、4 画面または 5 画面の長さのものもあれば、2 画面ま...

MySQL 変数の原理と応用例

MySQL ドキュメントでは、MySQL 変数はシステム変数とユーザー変数の 2 つのカテゴリに分類...

js で下線とキャメルケースの変換を実装する (複数の方法)

目次適用シナリオ:方法 1: 正規表現 (推奨)方法2: 配列のreduceメソッドを使用する方法3...

MySQL SQL 最適化チュートリアル: IN クエリと RANGE クエリ

まず、in() クエリについて説明します。 「High Performance MySQL」では、イ...

OEL7.6 ソースコードから MYSQL5.7 をインストールするチュートリアル

まず、公式サイト https://dev.mysql.com/downloads/mysql/5.7...

Dockerの高可用性構成の詳細な説明

Docker の作成Docker Compose は、管理対象コンテナをプロジェクト、サービス、コン...

Mybatis マッパー動的プロキシの原理の分析

序文動的プロキシの原理を説明する前に、まず、mybatis を統合した後の dao 層の 2 つの実...

Baidu デッドリンクファイルを作成する方法

Baidu によって定義されているデッドリンク形式には 2 種類あります。 1: XML形式のデッド...

WeChatミニプログラムマップの使い方を詳しく解説

この記事の例では、WeChatアプレットマップで使用される具体的な実装コードを参考までに共有していま...

vue $setは配列コレクションオブジェクトへの値の割り当てを実装します

Vue $set 配列コレクションオブジェクトの割り当てVue カスタム配列オブジェクト コレクショ...

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

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

動的な背景グラデーション効果を実現するCSS3

CSS3 を学ぶということは、新しい機能と基本的な理論に慣れることを意味します。この記事では、ケー...

CSS の位​​置属性 (absolute|relative|static|fixed) の概要と応用

まず、CSS3 Api の position 属性の定義を見てみましょう。 static: 特別な配...