HTML の単一行コメント

Atika Islam 2024年2月15日
  1. HTML のコメント
  2. HTML でプログラムを作成する手順
  3. HTML で 1 行のコメントを書く
HTML の単一行コメント

この記事では、HTML ファイルにコメントを追加するさまざまな方法について説明します。

HTML のコメント

プログラミングでは、C、C++、C#、Python、HTML、Java など、さまざまな言語が使用されています。プログラミング言語ごとに、コメントを記述するための構文が異なります。

コメントは、コンパイラによって常に無視されるステートメントです。 これらのステートメントは実行されません。

コメントは、ソース コードをよりよく理解するために使用されます。 コメントを書くことには、次の 2つの利点があります。

  1. コメントは、何年も書いた後でもコードを理解するのに役立ちます。
  2. コメントは、他のプログラマーによって書かれたコードを理解するのに役立ちます。

コメント内に挿入されたテキストはブラウザで表示できません。

コメントを使用して、すべてのプログラム セクションの動作を説明できます。 コメントは、ソース コードの一部を非表示にするためにも使用されます。

HTML でプログラムを作成する手順

これらの手順に従って、HTML でプログラムを作成できます。

  • まず、HTML ソース コードを記述するには、Notepad または Notepad++ が必要です。

    メモ帳メインページ

  • HTML でコードを書き始めます。

    基本htmlコード

  • 名前を付けて保存をクリックしてファイルを保存します。

    ファイルを保存する

  • .html の拡張子を付けてファイルを保存します。

    .htmlの拡張子

  • ファイルを保存すると、デフォルトのブラウザ アイコンがファイルに表示されます。
  • ファイルをクリックすると、ブラウザーは HTML をレンダリングします。

    プログラム実行

HTML で 1 行のコメントを書く

このコード スニペットは、HTML 言語でのコメントの使用を示しています。

HTML には、単一行コメントと複数行コメントの 2 種類のコメントがあります。 ここでは、一行コメントの書き方を見ていきます。

1 行のコメントは、<!-- で始まり、--> で終わります。

<html>
  <body>
    <h1> SINGLE LINE COMMENT </h1>
    <!-- Single line comment -->
    <!--
    Hello -->
	<!--
	hey -- -- OK-->
	<!---->
	<!------ Welcome
	-->
    <!------>
	name-->
	<!>
  </body>
</html>

上記のコードでは、最初のタグは HTML のペア タグです。 次に、2 番目のタグは HTML の body です。

body タグには、heading という別の対のタグがあります。 次に、heading タグの下に、<!-- で始まり --> で終わる 1 行のコメントがあります。

Hello の別のコメントも、開始と終了が正確であるため有効です。 次に、コメント タグ内に記述されたものはすべてコメントの一部と見なされるため、コメント hey および OK も有効です。

コメント <!----> も HTML では空コメントなので有効です。 これが 4 の倍数で発生する場合、コメントは HTML で有効です。

最後の welcome コメントも、開始と終了が正確であるため有効です。 すると、コメント <!------> name--> がブラウザ上で name--> と表示され、前半部分が有効なコメントと見なされます。

最後の <!> は、HTML のコメントの開始と終了が正しくないため無効です。

関連記事 - HTML Comment