ホームページ > ウェブフロントエンド > htmlチュートリアル > html_HTML/Xhtml_Web ページ制作におけるブロック コメントの使用方法の詳細な紹介

html_HTML/Xhtml_Web ページ制作におけるブロック コメントの使用方法の詳細な紹介

WBOY
リリース: 2016-05-16 16:39:48
オリジナル
1841 人が閲覧しました

HTML 内の通常のコメント: 、XXXXXXX はコメントの内容です

HTML のコメント CSS ( IE
2.
5.
7. 8. 9. --[IE 7 の場合]> IE7 でのみ認識されます
10。
11.



Ite: 以下の意味 IE ブラウザの条件付きコメントに使用されます。 、CSShack、IE 用の JS などで一般的に使用されます。


WEB 標準 Web ページを学習して応用する過程で、Web ページとブラウザーの互換性はよく遭遇する問題です。中でも、Firefox、Operaなどに加え、MicrosoftのInternet Explorer(略してIE)がブラウザ市場の大部分を占めています。これらのブラウザとの互換性が必要です。
同時に、IE に関しては、IE のバージョンアップと置き換えにより、現在のブラウザでは主に IE5 (IE5.5)、IE6、IE7 が使用されています。これら 3 つのバージョンは、当社が作成した WEB 標準 Web ページ (XHTML CSS) の解釈と実行が異なります。さらに、他の非 IE ブラウザと IE では、一部の CSS の解釈が異なります。したがって、IE ブラウザの独自の条件付きコメントを通じて、関連する属性を的を絞った方法で定義できます。
条件付きコメントは、Windows Explorer 5 (以下 IE) でのみ使用できます (条件付きコメントは IE5 からサポートされます)。複数の IE がインストールされている場合、条件付きコメントは IE の最も高いバージョン (現在は IE 7) に基づきます。

条件付きコメントは Windows Internet Explorer (以下、IE) でのみ使用できるため、条件付きコメントを通じて IE 用の特別な命令を追加できます。
平たく言えば、条件付きコメントは if 判定ですが、これらの判定はスクリプト内ではなく、HTML コード内で直接実行されます。たとえば、

1. 条件付きコメントの基本構造は HTML コメント () と同じです。したがって、IE 以外のブラウザでは、これらは通常のコメントとして扱われ、完全に無視されます。
2. IE は if 条件を使用して、通常のページ コンテンツと同様に条件付きコメント内のコンテンツを解析するかどうかを決定します。
3. 条件付きコメントは HTML コメント構造を使用するため、CSS ファイルではなく HTML ファイルでのみ使用できます。

次のコードを使用して、現在の IE ブラウザのバージョンを検出できます (注: この効果は IE 以外のブラウザでは表示されません)




コードをコピー
コードは次のとおりです:


現在のブラウザが IE であるが、バージョンが IE5 より低い場合はどうすればよいですか? もちろん、条件付きコメントは IE5 でのみ使用できます。環境に依存するため、
[IE 7 の場合]>
<-- IE ブラウザのバージョンが 7 の場合、ie7.css スタイル シートを呼び出します -->






これは、互換性を実現するために、IE7 と IE6 の下位ブラウザによる CSS の実行を区別します。同時に、最初の行のデフォルトの css.css は、他の非 IE ブラウザーとも互換性があります。

注: デフォルトの CSS スタイルは HTML ドキュメントの最初の行に配置する必要があり、条件付きコメント判定のすべてのコンテンツはデフォルト スタイルの後に配置する必要があります。
例えば、以下のコードをIEブラウザで実行すると赤で表示されますが、IE以外のブラウザでは黒で表示されます。条件コメント判定が1行目にある場合は実装できません。この質問例は、Web ページ上の IE ブラウザと非 IE ブラウザ間の互換性の問題を解決する方法を説明するのに非常に役立ちます。


コードをコピーしますコードは次のとおりです: