HTMLでタグやテキストをコメントアウトして非表示にする書き方をご紹介します。

1行

<!-- <p>コメントアウト</p> -->

複数行

プログラミング言語では1行コメントアウトと複数行コメントアウトで書き方が異なるものもあるが、HTMLにおいては1行でも複数行でもコメントアウトの書き方は同じである。

<!--
  <p>コメント</p>
  <p>コメントアウト</p>
-->

非表示

HTMLでコメントアウトしたタグやテキストは、ブラウザで見たときに非表示となる。

<p>ここの <!-- コメント --> は非表示となります。</p>

ここの は非表示となります。

入れ子

コメントアウトを入れ子にすることはできない。

ショートカット

HTMLエディタではショートカットでコメントアウトできる。

HTMLエディタにおけるコメントアウトのショートカット
HTMLエディタ Windows Mac
Atom Ctrl + / Command + /
Eclipse Ctrl + / Command + /
VSCode Ctrl + / Command + /