ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの一行コメント文字とは何ですか?

HTMLの一行コメント文字とは何ですか?

青灯夜游
青灯夜游オリジナル
2022-09-23 16:16:362657ブラウズ

HTML では、コメント文字「<!-- -->」は 1 つだけサポートされます。「<!--」と「-->」の間に含まれるすべてのコンテンツはコメント用とみなされます。 ; "<!-- -->" 文字は単一行コメントまたは複数行コメントを実現できます。コメントの内容が "<!--" と "--" の間にあることを確認するだけで済みます。 >「できるよ。 「<!-- -->」コメントは、ドキュメントの先頭、ドキュメントの末尾、ドキュメントの途中、タグの外側、タグのコンテンツ内など、HTML ドキュメント内のどこにでも表示できます。 、など。

HTMLの一行コメント文字とは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML コメント (例付き)

HTML コメントは主にドキュメント内のコードを説明するために使用されます。コメントはまた、コード部分は削除されますが、ブラウザは注釈の内容を自動的に無視するため、ユーザーは Web ページ上で注釈を確認できません。

完全な HTML ドキュメントは多くの場合、数百行または数千行のコードで構成されており、その特定の部分を変更する場合には長い時間がかかる可能性があるため、コードを記述するときはコメントを有効に活用する必要があります。 . そうすることで初めて、変更したい場所が見つかります。コメントの場合は異なります。関数やその他の条件に応じてプログラムをいくつかの部分に分割し、コメントを付けることで、自分や他の人がコードを読みやすくなり、コードの可読性が向上します。

単一行コメント

HTML では、<!-- --> を使用してコードにコメントを追加できます、<!-- および - -> ; の間にあるものはすべてコメントとして扱われます。サンプル コードは次のとおりです。

<!DOCTYPE html>
<html>
<!-- head 开始 -->
<head>
    <meta charset="UTF-8">  <!-- 当前文档采用UTF-8编码 -->
    <title>HTML注释的写法</title>
</head>
<!-- head 结束 -->
<!-- body 开始 -->
<body>
    <!-- 一段文本 -->
    <p>欢迎来到PHP中文网</p>
</body>
<!-- body 结束 -->
</html>

コメントは、ドキュメントの先頭、ドキュメントの末尾、ドキュメントの途中、タグの外側、ドキュメント内など、HTML ドキュメント内のどこにでも表示できます。タグの内容など。

複数行のコメント

これまでは主に 1 行のコメントについて説明しましたが、HTML では複数行のコメントもサポートされています。複数行のコメントと単一行のコメントの違いは大きくありません。コメントの内容が <!---->## の間にあることを確認するだけで済みます。 #、以下に示すように :

<!--
    多行注释
-->

コメントは、コードの説明に加えて、プログラム内のコードに注釈を付けるためにも使用できます。たとえば、特定のコードを実行したくない場合などです。 、最初にコメントアウトして、ブラウザーがこのコードは実行されないようにすることができます。

IE 条件付きコメント

条件付きコメントは、Windows システム上の Internet Explorer (IE) ブラウザでのみ有効であり、他のブラウザでは無視されます。 IE5 以降、条件付きコメントがサポートされており、条件付きコメントを使用して、IE ブラウザを使用しているユーザーに指示を与えることができます。以下に示すように:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IE浏览器条件注释</title>
</head>
<body>
<h4>根据不同的 IE 版本显示不同的内容</h4>
<!-- 如果使用 IE,则显示 -->
    <!--[if IE]>
        <p>您正在使用IE浏览器</p>
    <![endif]-->
    <!-- 如果使用 IE8,则显示 -->
    <!--[if IE 8]>
        <p>您正在使用 IE8</p>
    <![endif]-->
    <!-- 如果不是使用 IE7,则显示 -->
    <!--[if !IE 7]>
        <p>您使用的不是 IE7</p>
    <![endif]-->
    <!-- 如果版本小于 IE10,则显示 -->
    <!--[if lt IE 10]>
        <p>您正在使用 IE10 以下的版本</p>
    <![endif]-->
    <!-- 如果版本大于等于 IE6,则显示 -->
    <!--[if gte IE 6]>
        <p>您正在使用 IE6 及其以上的版本</p>
    <![endif]-->
</body>
</html>

IE8 での実行効果:

HTMLの一行コメント文字とは何ですか?

Chrome ブラウザでの実行効果:

HTMLの一行コメント文字とは何ですか?#条件付きコメントにより、現在のブラウザが IE であるかどうかと IE のバージョンを検出でき、開発者は異なる IE ブラウザに応じて異なるスタイル シートや JS スクリプトを読み込むことができます。

IE のバージョンを比較するには、次のキーワードを使用します。

    lt: 「未満」の省略形で、「未満」を意味します。
  • lte:less than or equal toの略で、以下という意味です。
  • gt:「より大きい」を意味する「greater than」の略語。
  • gte:「以上」を意味する「greater than or equal to」の略語。
  • !:
  • と等しくない IE ブラウザは HTML5 のサポートにあまり対応しておらず、以前のバージョンの動作はさらに奇妙です。IE市場では、大手インターネット企業が IE と互換性を持たなくなり、開発プロセス中に誰もが IE に注目する必要がなくなりました。

(学習ビデオ共有:

Web フロントエンド

)

以上がHTMLの一行コメント文字とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。