Web

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

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

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

1. コメントとは?

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

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

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

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

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

記述例

<div>Hello,</div>

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

<div>World!</div>

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

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

テキストの制限

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

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

3. 仕様書

📂-Web

執筆者:labo


comment

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

関連記事

Google

Googleマップで調べた経路をホーム画面に追加する (Android)

Android版の Googleマップで調べた経路は、ホーム画面にアイコンとして追加することができます。 手順は以下となります。 Google マップで調べた経路をホーム画面に追加する手順 (1) G …

Web

Flexbox を使ってページ全体を中央寄せにする

目次1. はじめに2. やり方3. デモページ4. おわりに参考 1. はじめに CSS(スタイルシート) の Flexbox を使って ウェブページ全体を中央寄せにする例を紹介します。 2. やり方 …

ICTリテラシー

無料レンタルサーバーとDokuWiki で作る自分用情報サイト

本サイトに パソコン内に自分専用の情報データベースをつくる というページがあります。詳細はリンク先を見て頂くとして、本ページではこれに関連して、「自分専用の情報サイトを作る」ためのオススメの方法につい …

MathJax を試してみました。

MathJax は、HTML上で数式を美しく表示するための JavaScriptライブラリです。 基本的な使い方は、 HTMLファイルに以下を記述して MathJax.js を読み込みます。HTMLフ …

DokuWiki

DokuWiki が最新版なのに upgrade now! が表示される場合の対処法

目次1. DokuWiki が最新版なのに upgrade now! が表示される2. 対処方法その13. 対処方法その24. おわりに参考 1. DokuWiki が最新版なのに upgrade n …