Web

HTML におけるコメントの書き方

投稿日:2018年12月26日 更新日:

HTML におけるコメントの書き方について説明します。

1. コメントとは?

まず、「コメント」というのは、「プログラムコードの周辺に書く説明文」のようなものです。

  • プログラムコードでやっている処理の内容」や
  • なぜその処理をしているのか

などを人間の言葉で書いておき、後からプログラムコードを読む時の手助けとします。

2. HTML におけるコメントの記述

HTML 内にコメントを書く場合は、<!---->テキスト を囲みます。

記述例

<div>Hello,</div>

<!-- ここがコメントです -->

<div>World!</div>

この HTML をウェブブラウザ上に表示した時、コメント部分は表示されません。

HTML をウェブブラウザ上に表示したところ
HTML をウェブブラウザ上に表示したところ

テキストの制限

<!----> の間に記述するテキストに関して、以下の制限があります。

  • テキストは、”>“、”->” で始まってはいけない。
  • テキストは、”<!--“、”-->“、”--!>” を含んではいけない。
  • テキストは、”<!-” で終わってはいけない。

3. 仕様書

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

Web

CORS の プリフライト・リクエストを発生させて観察する

CORS の プリフライト・リクエストを発生させて観察するページを作成しました。

BULMA

Bulma (CSS フレームワーク) のサンプルページを作りました

目次概要Flexbox をフルに活用しているシンプルなグリッドシステム学習が容易カスタマイズが簡単JavaScript は含まれていない。サンプルページBulma 公式サイトおわりに 概要 Bulma …

Chrome

ブロックされた Cookie を確認する方法 (Chrome の場合)

Chrome ブラウザにおいて、ブロックされた Cookie を確認する方法について説明します。

Chrome

Chrome: ツールバー上の拡張機能アイコンをメニューに移動させる方法

Chromeで、ツールバー上の拡張機能アイコンをメニューに移動させる方法について説明します。

Web

HTTPステータスコード「103 Early Hints」について

103 Early Hints について説明します。