HTML 速習チュートリアル

HTML コメント

HTMLのコメントタグを使用すると、HTMLのソースコード内に通知やリマインダーを記述することができます。

1. HTML コメントタグ (HTML Comment Tag)

HTMLのソースコードにコメントを追加するには、以下の構文を使用します。

<!-- こちらにコメントを記入してください -->

開始タグには感嘆符(!)がありますが、終了タグにはないことに注意してください。

[!NOTE]
コメントはブラウザには表示されませんが、ソースコードの可読性を高め、メンテナンスを容易にするために非常に役立ちます。

2. コメントの追加 (Add Comments)

コメントを使用すると、複雑なHTMLドキュメントの中に通知やリマインダーを残すことができます。これは特に、他のエンジニアと共同で作業する場合や、将来的にコードを見直す際に非常に有効です。

<!-- これはコメントです -->
<p>これはパラグラフです。</p>
<!-- こちらに詳細情報を追加するようにしてください -->

3. コンテンツの非表示 (Hide Content)

コメントは、一時的にコンテンツを非表示にするためにも使用できます。これは、特定の要素を一時的にレンダリングさせたくない場合に便利です。

また、行の一部だけを隠すことも可能です。

<p>これは段落です</p>

<!-- <p>これは別の段落です </p> -->

<p>これも段落です</p>

4. HTMLコードのデバッグ (Hide HTML Code)

コメントは、エラーを探す際のデバッグ作業にも活用されます。コードを1行ずつコメントアウト(コメント化して無効にすること)しながら、どこに問題があるかを特定するのに役立ちます。

<p>これは段落です</p>
<!--
<p>このかっこいい画像を見てください:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>これも段落です</p>