IE6のバグと修正 謂わば防患于未然的な策略
元の記事
究極のIE6チートシート。25以上のInternet Explorer 6のバグを修正する方法
翻訳する
http://www.vfresh.org/w3c/727
(訳文は原文に加筆しています)
の議論では IE6 の バグ ということわざがあるように、予防は治療に勝るのです。
IE6のマーケットシェア
Market Shareによると、現在(2009年8月)のIE6の市場シェアは 25.25% しかし、他の場所では、この統計はかなり低くなっています。 18.1% 統計が異なるにもかかわらず、いずれも減少傾向を示している(この記事を翻訳する場合 タオバオのIE6ユーザーは70%から69%に減少している ). しかし、最も重要なのは、あなた自身のサイトの統計です。自分のサイトのトラフィック解析をした場合、IE6のシェアはIE6をターゲットにする価値があるのか?それはあなた自身がトレードオフする必要があります。
サイト訪問者の大多数がIE6を使わず、お金も払わないのであれば、意図的にIE6を互換性の対象にする必要はなく、時間、労力、お金を節約することができるのです。
<強い きれいなデザインにする
コード実装を考慮しながらデザインを行うことで、レイアウトの問題をある程度回避することができます。どんなに複雑なデザインでも、きれいなコードで実装することができますし、過度に忙しいタグを使っている場合は、デザインの手直しが必要です。
開発経験が豊富で、レイアウトの課題を何度も乗り越えてきた方は、解決策を文書化しておくと、今後同じ問題に遭遇したときに開発効率を上げることができます。
適切な文書宣言(doctype)を使用する
間違った文書宣言を使用すると、quirks modeが起動します。正しい文書宣言を使用すると、すべてのブラウザで一貫したページが表示されるようになります。正しい文書宣言を使用することで、すべてのブラウザで一貫したページを表示することができます。HTML 5[/i], [i]HTML 4.01 Strict[/i], [i]HTML 4.01 Frameset[/i], [i]HTML 4.01 Transitional[/i], [i]XHTML 1.0 Strict[/i], [i]XHTML 1.0 Frameset[/i], [i]XHTML 1.0 Transitional[/i], あるいは [i]XHTML 1.1です。
HTML 5
<!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 Frameset//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 Strict
<!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 Frameset//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 ">
XHTML 1.1
<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.1//EN" "。 http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン