HTMLのコメント表記について

HTMLのソースコードにコメントを記述する

HTMLにはCSSやプログラミング言語と同じように、ソースにコメントを記述することができます。
主な用途はメッセージを残す、またはマークアップを無効にする（コメントアウトと呼ばれます）用途で使用します。

開始タグである「<–」と、終了タグの「–>」で囲まれた箇所がコメントとなります。

コード例

<!-- 2018.07 追記 -->
<section>
	<article>
		<p>サンプルテキストです。</p>
	</article>
	<!--
	コメントでHTMLを囲むと無効にできる
	<article>
		<p>サンプルテキストです。</p>
	</article>
	-->
</section>
<!-- //2018.07 追記終了 -->

コメントは1行でも、複数行でも同じ形式で記述することができます。
ただし、コメントの入れ子はできません。

コード例

<!--
	<!--
	コメントの入れ子はできないので、このコメントは無効
	<article>
		<p>サンプルテキストです。</p>
	</article>
	-->
</section>
-->

コメントを書くコツは、自分以外の人が読んでも意図を汲み取れる内容で書くことと、できるだけ短く書くようにすることです。

また、コメントアウトによるHTMLの無効化（非表示）はソースを削除しないで編集したいときに便利ですが、ソースコードが複雑になってしまうため注意してください。

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。