Web

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

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

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

1. コメントとは?

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

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

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

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

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

記述例

<div>Hello,</div>

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

<div>World!</div>

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

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

テキストの制限

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

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

3. 仕様書

📂-Web

執筆者:labo


comment

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

関連記事

Chrome

Chrome 78 デベロッパーツールの新機能

Chrome 78 のデベロッパーツールにおいて、主な新機能を紹介します。

Web

cron-job.org を利用して特定のURLに定期的にアクセスさせる

cron-job.org というサービスの利用手順について説明します。

Web Vitals

Web Vitals patterns の Responsive Images を試してみました

Web Vitals patterns に載っている「Responsive Images」を実際に試してみました。

Chrome

Chrome 96 で Lighthouse の検査が終わらない問題が修正されました

Chrome 96で Lighthouse の検査が終わらない問題について書きました。

Web

Mastodon(OStatus) を参考にして、理想の標準情報発信プラットフォームを考えてみました

話題の Mastodon を参考にして、私の理想とする情報発信プラットフォームについて考えてみました。 Mastodonとは? 見た目は、Twitterとほとんど同じサービスです。しかし、Twitte …