html - IE 向けにサイトを最適化する

Question

サイトを IE 用に最適化しようとして、人生の 1 時間を無駄にしました。私は通常の方法でそれを行うことに失敗し、いくつかのdivに対して次のようなトリックを使用して解決しました:

<!--[if !IE]><!-->
div1 for non IE
<!--<![endif]-->

<!--[if IE]>
div1 for IE
<![endif]-->

現在、IE では正常に動作していますが、この種のソリューションを使用しても問題ありませんか?

Answer 1

Web サイトを開発するときは、ブラウザによって HTML の解釈が異なること、および IE と Chrome、Safari などでは Web サイトの外観が若干異なる場合があることを常に明確にしていますが、全体的な外観、意味、および機能は機能します。また、私は IE6 以前向けにはビルドしていないこと、Web サイトは表示されるが、いくつかの基本的な機能とレイアウトの原則が適切に機能しないことを常に伝えています。(IE6 をまだ使用しているユーザーの割合も示しています)。クライアントは IE6 未満の Web サイトを明示的に要求していますか? 追加料金！

これはあなたが尋ねるべき質問です: あなたのウェブサイトがすべてのブラウザーでまったく同じように見えることは、あなたにとってどれほど重要ですか?

それ以外については、ブラウザごとに異なるスタイルシートを使用して、ブラウザ間の互換性を最適化できます。ただし、スタイルシートの数をできるだけ少なくし、すべてのブラウザーで機能する CSS 属性をできるだけ多く使用することをお勧めします。

Answer 2

これはかなり悪い解決策であり、私の経験ではほとんどの場合必要ありません。マークアップの一貫性を確保し、さまざまなバージョンでマークアップを変更しないようにする必要があります (おそらく、IE6 のドロップダウンのテーブル レイアウトのような奇妙なケースを除きます)
。別の IE バージョンのバグ。

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
<!--...-->
<!--[if !IE]><!-->
    <link rel="stylesheet" type="text/css" href="standard-style.css" />
<!--<![endif]-->

IE-8 以降では、IE 固有のスタイルシートは非常に新しい行である必要があります。幸いなことに、IE-8 以降ではかなり標準に準拠しています。