HTMLでコメントアウトする
HTMLでコメントアウトするには、以下のように書きます。
このように、コメントしたい部分を <!--
と -->
で囲みます。囲まれた部分はブラウザに表示されず、コード上でのメモや説明などに利用されます。コメントアウトされた部分は、ブラウザでの表示や検索エンジンのインデックスに影響を与えないため、コード内のメモや修正の際に役立ちます。
HTMLでのコメントアウトのサンプルコード
以下はHTMLでのコメントアウトのサンプルコードです。
<!DOCTYPE html>
<html>
<head>
<title>コメントアウトのサンプル</title>
</head>
<body>
<h1>HTMLのコメントアウトのサンプル</h1>
<!-- 以下のリストはコメントアウトされているため、ブラウザ上には表示されません -->
<!--
<ul>
<li>リンゴ</li>
<li>バナナ</li>
<li>オレンジ</li>
</ul>
-->
<p>上記のリストには果物の名前が入っています。</p>
</body>
</html>
このコードでは、ul
要素に含まれるリストはコメントアウトされているため、ブラウザ上には表示されません。コメントアウトされた部分は、修正やメモなどに利用されることがわかります。