IE6 をサポートする必要がある場合に、W3C 標準に準拠したコードを使用することは可能ですか?w3
-
12-09-2019 - |
質問
私はコードを検証するようチーム メンバーを動機付けようとしていますが、IE6 をサポートする必要があるため、若干の幻滅があるようです。
これについて何か考えはありますか?
これが私が目指していることです:
- セマンティックコード - はい
- コードを検証しています - はい
- IE6で動作 - はい
ここでは意味論について議論しないでおこう(笑)。=]
HTML JS CSS
解決
はい、完全に準拠したコードを作成し、IE6 の要点を別のファイルに保存することができます (通常は)。
IE 条件文を使用して IE6 固有のコードを隠すだけです。CSS を引き続き検証したい場合は、これを行うことをお勧めします。さらに、CSS 経由で適切なスタイルを適用すると、有効な HTML はすべて IE6 で正常に動作するはずです。
<!--[if lte IE 6]>
<link rel="stylesheet" href="/css/ie6.css" type="text/css" media="screen" />
<![endif]-->
これはすべてのバリデーターから隠蔽され、コードの残りの部分は有効なままにすることができます。
実際、条件付きコメントは単なる HTML コメントであるため、そのコードも依然として有効です。
編集:
これを証明する唯一の方法はサンプルを構築することですが、IE6 とコーディングに関する適切な知識があれば、これら 3 つすべてが可能です。
- セマンティックコード:はい
- コードを検証しています:はい
- IE6で動作します:はい
実際、有効なコードで問題が発生するのは IE6 だけではなく、IE6 と IE7 (および IE8) の両方で、やはり CSS でのみ発生します。メインの CSS ファイルを検証しますが、IE6 CSS は条件付きで分離しておきます。
IE6 をサポートするために HTML に追加のマークアップを追加する必要があることはほとんどありません ( head
)。ボックス モデルを理解し、それに応じてセマンティック ページを構築するだけです。
一つか二つ divs
適切なグループ分けを行っていれば悪者ではありません。3 つのネストされた divs
を修正する bug
悪です:)
他のヒント
短い答え:!はい
これは、有効な、セマンティックマークアップは、実際にIE6で良い作品というのが私の経験をされています。 、正しい有効な、簡単なCSSでこれを組み合わせて、あなたはかなり黄金のです。確かにあなたは、上述のように、特により複雑な設計のため、IE6でいくつかの奇妙な動作が発生することがバインドされています。しかし、これらのバグのほとんどは<のhref = "http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#PNG-Alpha-です透明性/」のrel = "nofollowをnoreferrer">十分に文書化する。シンプル、有効なコードでは、これらの問題を特定して固定することは、多くの場合、非常に簡単です。
上述のように条件付きコメントは、確かに動作しますが、有効なコードを開発することが条件のすべての種類を使用してコードをpepperingを防止することができます。
は、まだそれを動作させることができませんか?正常に低下!確かに丸みを帯びた角はきれいで大流行しているが、それでも暗黒時代に住んでいるユーザーの20%が(うまくいけばそれ未満)、おそらく彼らを見逃すことはありません。
これは、IE6のコードを動作させるための作業のビットだし、コードの検証を行うための作業のビットがありますが、それは、それは仕事の同じようなものだか、それらの1つが作るという意味ではありません。他の不可能ます。
のコードはIE6で動作するように検証に失敗していると言うものは本当にありません。逆に、検証コードは任意のブラウザだけでなく、IE6で動作する可能性が高いです。そこには、非有効なコードを使用して回避することができますいくつかのIE6の癖がありますが、それは問題を回避するための唯一の方法ではありません。有効なコードを使用する方法もまた、新しいバージョンのブラウザがリリースされたときに、すべての新しいブラウザの更新をやり直す必要がないように、作業を継続する可能性が高くなります。
それはあなたが同時に有効なコードについて考える必要がない場合は、IE6のコードを動作させるために、もちろん簡単だが、それは要因は、それ自体は互換性がないではないので、考慮すべき多くの要因があるという理由だけです。
いいえ、それは任意の適度に複雑なレイアウトのために可能ではありません。
EDIT:少なくともない醜い条件文の多くを追加せずに
。