HTMLで条件付きコメントを使用する

StackOverflow https://stackoverflow.com/questions/414738

  •  03-07-2019
  •  | 
  •  

質問

私は比較的Web開発に慣れていないので、常に学習しています。最近、さまざまなWebサイトのソースコードを表示するときに「条件付きコメント」に遭遇しました。私は今彼らが何をしているのか理解していると思うが、いつそれらを使うべきかは分からない。

IEに関しては、主に異なるスタイルシートの実装に使用されるのを見てきましたが、これが良い習慣かどうか知りたいですか？

その場合、答えが「はい」の場合。次に、サイトを開発するとき、バグを修正するために2つの別個のスタイルシートを使用するのが「共通の場所」ですか？

事前に感謝します。

役に立ちましたか？

解決

条件付きコメントは、私が知る限りIEでのみサポートされており、サポートしていないブラウザーでは正常にダウングレードされます（通常のコメントのように見えるため）。一般的なコンセンサスは、別の非標準ブラウザ「機能」と戦うためにそれを使用している場合、非標準ブラウザ機能を使用してもよいということです。 （つまり、IEでのCSSの安っぽいサポート）。したがって、CSSを微調整するための非常に一般的なソリューションであることがわかります。

他のヒント

Internet Explorerの性質（バージョン6 特に）を使用すると、一部のスタイルシートがIEで正常に機能し、一部のスタイルシートが機能しなくなります。そうでない場合は、条件付きコメントを使用して、IEに対してのみ表示されるCSSコードを使用できます。 Internet ExplorerがCSSドロップダウンメニューを（誤って）処理する方法のために使用する必要があります。

ドロップダウンメニューの hover 機能を適切にレンダリングするWebサイトを作成するには、crosshover.htcファイルを実装する必要があります。使用する必要があるコードは次のとおりです。

     <!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(http://www.stannscatholicschool.com/csshover.htc);
font-size: 100%;
}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

#menu a, #menu h2 {
font: 100% verdana, tahoma, helvetica, arial, sans-serif;
}

</style>
<![endif]-->

これを行わないと、ドロップダウンメニューが分割され、Internet Explorer 6でナビゲートできません。

条件付きコメントを使用して、サイトへの訪問者がIE6以下を使用しているかどうかを検出しました。その場合は、 IE7.jsスクリプトをロードします。これらの古いブラウザのバグの一部。 IE8サポートをエミュレートするためのスクリプトもあります。

コメントを使用して、フッター、ヘッダー、メインコンテンツ（多くの場合テンプレート）など、ページの特定の領域の概要を説明するために使用する人もいます。

ただし、divとCSS（これはあなたのように聞こえます）を使用している場合は、DIV IDとCSSスタイルによって、コンテンツが何であるか、またはHTMLのどの領域にいるかを伝えることができるはずです。わかりやすい名前を使用することを忘れないでください。簡単に入力できるようにするために、それらを省略しないようにしてください。

それがあなたにとって問題であれば、Intellisenseは素晴らしいものであり、そのようなものを回避するのに役立ちます。そうでない場合は、CTRL + CとCTRL + Vが次善の策でしょう：）

これは素晴らしいプラクティスです！ 条件付きコメントの公式ドキュメントページには、多くの例と組み合わせがあります条件付きコメント、それを読む価値があります。ページには次のことも記載されています。

条件付きコメントを使用すると、開発者はMicrosoft Internet Explorer 5以降のバージョンが提供する拡張機能を簡単に活用でき、機能の低いブラウザーで正常にダウングレードするページや、Windows Internet Explorer以外のブラウザーで正しく表示されるページを作成できます。条件付きコメントは、Internet Explorerの特定のバージョン向けのカスケードスタイルシート（CSS）ルールを差別化するための推奨手段です。

現在、Internet Explorerは最も能力の低いブラウザです。そのため、条件付きコメントを使用して正反対、つまり他のすべてが提供する拡張機能を利用する可能性が高いでしょう。ブラウザ、Microsoft Internet Explorerで適切にダウングレードするページを作成中。

条件付きコメントを使用して、サポートされていないCSSスタイルを修正したり、次のようにInternet Explorerからコードを非表示にしたりできます。

<!--[if !IE]>-->
<script src="IE_will_never_see_this.js" type="text/javascript" charset="utf-8" ></script>
<!--<![endif]-->
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top