コメント

<!--と-->で括ることで、HTMLドキュメントにコメントを埋め込むことができる。コメントは、ブラウザには表示されない。

構文

１行コメント

<!-- １行コメント -->

複数行コメント

<!--
	１行目コメント文。
	２行目コメント文。
	３行目コメント文。
-->

要点

  • コメントは、<!--と-->で括る。
  • コメントは、ブラウザには表示されない。HTMLドキュメント編集のための覚え書きを、ソースコードに記しておきたい場合などに使う。
  • <!--と-->で、複数行に渡るコメントを括ることもできる。

サンプルコード

１行コメント

<!-- カラーネーム -->
<ul>
	<li>red</li>
	<li>blue</li>
	<li>green</li>
</ul>

複数行コメント

<!--
	カラーネームとカラーコードの対応表。
	１列目は、カラーネーム。
	２列目は、カラーコード。
-->
<table>
	<tr>
		<td>red</td>
			<td>#ff0000</td>
	</tr>
	<tr>
		<td>blue</td>
			<td>#0000ff</td>
	</tr>
	<tr>
		<td>green</td>
			<td>#008000</td>
	</tr>
</table>

サンプル

HTMLソースコード

<!-- カラーネーム -->
<ul>
	<li>red</li>
	<li>blue</li>
	<li>green</li>
</ul>

<!--
	カラーネームとカラーコードの対応表。
	１列目は、カラーネーム。
	２列目は、カラーコード。
-->
<table border="1">
	<tr>
		<td>red</td>
			<td>#ff0000</td>
	</tr>
	<tr>
		<td>blue</td>
			<td>#0000ff</td>
	</tr>
	<tr>
		<td>green</td>
			<td>#008000</td>
	</tr>
</table>

実際の表示

  • red
  • blue
  • green
red #ff0000
blue #0000ff
green #008000