HTMLのコードコメントについて-htmlチュートリアル-php.cn

HTMLのコードコメントについて

零到壹度

リリース： 2018-03-29 15:14:11

オリジナル

3897 人が閲覧しました

この記事では主にHTMLのコードコメントに関する記事を紹介しますので、参考になると思います。編集者をフォローして見てみましょう。

HTML コメント

HTML コードでは、タグの間のテキストがドキュメントのコメントとなり、コメントの内容はブラウザページには表示されません。。コメントは、テキストエディターでドキュメントを開いた場合、またはブラウザの [ソースを表示] オプションを使用して開いた場合にのみ表示されます。

HTMLには2種類のコメントがあり、1つはHTMLコードのコメント、もう1つはIEの条件付きコメントです。

1. HTML コードのコメント

大きなドキュメントでは、コメントはブロックの始まりと終わりをマークするために使用され、簡単に見つけられます。また、コメントは特定のコンテンツが表示されないようにするためにも使用されます。

大量のコードを記述する場合、重要なコードにコメントを付けてコードの特定の部分の意図を説明することは、自分自身やこの Web サイトで作業する必要がある他の人にこのコードの役割を理解させるのに役立ちます。。

また、スクリプトをサポートしていないブラウザーでスクリプトがプレーンテキストとして表示されないように、コメントを使用してスクリプトを非表示にすることも良い習慣です。例:

<script type="text/javascript">
<!--
function displayMsg() {
    alert("Hello World!")
}
//-->
</script>

ログイン後にコピー

2、IE 条件付きコメント

IE 条件付きコメント (条件付きコメント) は、IE ブラウザの HTML コードコメントへの拡張であり、さまざまなバージョンに柔軟に使用できる非標準の論理ステートメントです。 IE は、スタイルシート、HTML タグなどのさまざまな HTML 要素をインポートします。

条件付きコメントは IE5 で初めて登場し、それ以降のバージョンでサポートされています。その構文は、IE 以外のブラウザーではコメントとして無視されます。したがって、W3C 検証に合格でき、他のブラウザーには影響しません。

条件コメントの機能は非常に強力で、if条件判定を行い、その判定結果がtrueかfalseかに基づいて条件コメントの内容を解析するかどうかを決定します。

条件判定はで判定できます。IEか非IEかで判定できます。 IE。バージョン番号は小数点以下 4 桁まで正確です。例:

<!--[if IE]> <![endif]-->      /* 所有IE，无论哪个版本 */
<!--[if IE 6]> <![endif]-->    /* 如果IE版本是6 */

ログイン後にコピー

条件判定は、より大きい (gt: より大きい)、より小さい (lt: より小さい)、以上 (gte: 以上)、以下 (lte:以下)、または (|)、AND (&)、NOT (!)、括弧。例:

<!--[if gt IE 6]> <![endif]-->             /* 如果IE版本大于6 */
<!-- [if lte IE 9]> <![endif]-->            / * 如果IE版本小于等于9 * /
<!--[if IE 6 | IE 7]> <![endif]-->          /* 如果IE版本是6或7 */
<!--[if ! IE 5.5]> <![endif]-->             /* 如果IE版本不是5.5 */
<!-- [if (gt IE 6) & (lte IE 9)]> <![endif]-->  / * 如果IE版本大于6，且小于等于9 * /

ログイン後にコピー

条件付きコメントの助けを借りて、IE の互換性の問題の多くは解決できます。たとえば、IE9 より前のバージョンは、ヘッダー、ナビゲーション、サイド、フッターなどの新しい HTML5 要素をサポートしていません。インターネット上には、この問題を解決できる html5shiv スクリプトが多数あります。対応するスクリプトをダウンロードし、ページの先頭で IE の条件付きコメントを使用して、IE9 より前のバージョンにスクリプトを読み込ませるだけで、これらの古いブラウザーが HTML5 の新しい要素をサポートできるようになります。

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

ログイン後にコピー

同じ方法を使用して CSS 互換性の問題を解決することもできます。たとえば、IE6 が一部の新しい CSS 機能をサポートしていない場合は、IE6 専用の CSS ファイルを作成し、IE6 にのみ読み込ませることができます。

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

ログイン後にコピー

良いニュースは、IE10 バージョンからは、条件付きコメントがサポートされなくなったことです。これは IE の成熟と標準化の始まりを示しており、Web デザイナーはもはや IE の互換性の問題に悩まされる必要はありません。