HTMLチュートリアル

HTMLホーム HTMLの紹介 HTMLエディター HTMLベーシック HTML要素 HTML属性 HTML見出し HTML段落 HTMLスタイル HTMLフォーマット HTMLの引用 HTMLコメント HTMLの色 HTML CSS HTMLリンク HTML画像 HTMLファビコン HTMLテーブル HTMLリスト HTMLブロックとインライン HTMLクラス HTMLID HTMLIframe HTML JavaScript HTMLファイルパス HTMLヘッド HTMLレイアウト HTMLレスポンシブ HTMLコンピューターコード HTMLセマンティクス HTMLスタイルガイド HTMLエンティティ HTMLシンボル HTML絵文字 HTML文字セット HTMLURLエンコード HTMLとXHTML

HTMLフォーム

HTMLフォーム HTMLフォーム属性 HTMLフォーム要素 HTML入力タイプ HTML入力属性 HTML入力フォームの属性

HTMLグラフィックス

HTMLキャンバス HTML SVG

HTMLメディア

HTMLメディア HTMLビデオ HTMLオーディオ HTMLプラグイン HTML YouTube

HTML API

HTMLジオロケーション HTMLドラッグアンドドロップ HTMLWebストレージ HTMLWebワーカー HTML SSE

HTMLの

HTMLの例 HTMLクイズ HTML演習 HTML証明書 HTMLの概要 HTMLアクセシビリティ

HTMLリファレンス

HTMLタグリスト HTML属性 HTMLグローバル属性 HTMLブラウザのサポート HTMLイベント HTMLの色 HTMLキャンバス HTMLオーディオ/ビデオ HTMLDoctypes HTML文字セット HTMLURLエンコード HTML言語コード HTTPメッセージ HTTPメソッド PXからEMへのコンバーター キーボードショートカット

HTMLコメント


HTMLコメントはブラウザに表示されませんが、HTMLソースコードの文書化に役立ちます。


HTMLコメントタグ

次の構文を使用して、HTMLソースにコメントを追加できます。

<!-- Write your comments here -->

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

注:コメントはブラウザに表示されませんが、HTMLソースコードの文書化に役立ちます。


コメントを追加

コメントを使用すると、HTMLコードに通知とリマインダーを配置できます。

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

コンテンツを非表示

コメントを使用してコンテンツを非表示にすることができます。

これは、コンテンツを一時的に非表示にする場合に役立ちます。

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

複数の行を非表示にすることもできます。<!--との間のすべて--> が表示から非表示になります。

HTMLコードのセクションを非表示にします。

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

コメントは、HTMLのデバッグにも最適です。HTML行のコードを一度に1つずつコメントアウトして、エラーを検索できるからです。


インラインコンテンツを非表示

コメントを使用して、HTMLコードの途中の部分を非表示にすることができます。

パラグラフの一部を非表示にします。

<p>This <!-- great text --> is a paragraph.</p>

HTML演習

エクササイズで自分をテストする

エクササイズ:

HTMLコメントタグを使用して、「これはコメントです」というテキストからコメントを作成します。

<h1>これは見出しです</ h1>
これはコメントです
<p>これは段落です。</ p>