Web

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

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

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

1. コメントとは?

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

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

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

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

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

記述例

<div>Hello,</div>

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

<div>World!</div>

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

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

テキストの制限

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

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

3. 仕様書

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Google App Engine

Google App Engine にデプロイしてあるファイルをダウンロードする

Google App Engine にデプロイしてあるファイルをダウンロードする方法について説明します。

Web

Intersection Observer API を使った画像の遅延読み込み

目次1. 画像の遅延読み込み(遅延ローディング)2. Intersection Observer API3. Intersection Observer API を使って画像を遅延読み込みする例1. …

Chrome

Chrome のアドレスバーから任意のサイトの検索機能を使用する方法

目次1. Chrome の検索エンジン管理機能2. 任意サイトの検索機能を Chrome に追加して使用する1. アルクのサイトで検索したときの URL を調査する2. 検索エンジンとして追加する3. …

no image

Webサイトのスタイルガイド作成

参考 Webデザインのスタイルガイドの作り方 | UX MILK

Web

ツールを公開するWebサイトを作っています

いろいろなツール(Webページ上で提供できるツールに限ります)を公開するサイトを作っています。 Tools on Web https://tools.laboradian.com/ 載せているツールは …