Home » ★HTML Living Standard リファレンス

★HTML Living Standard リファレンス

<!– コメントテキスト –> …… コメントを記述する
Internet Explorer
Microsoft Edge
Google Chrome
Safari
Firefox
Opera
広告



<!– コメントテキスト –>は、HTMLソース中にコメントを記述する際に使用します。

コメントは<!–で始まり、–>で終わります。
<!–から–>の間にコメント内容となるテキストを記述します。

コメントのテキストは>や->で始まることはできません。
コメントのテキストのなかに<!–や–>や–!>が含まれてはなりません。
コメントのテキストは<!–で終わることはできません。

■使用例

以下のサンプルは、基本的なHTML文書の一例です。
コメントのテキストはHTMLソースでは読めますが、ブラウザの画面上には表示されません。

HTMLソース

<!DOCTYPE html>
<html lang="ja">
 <head>
  <title>サンプルページ</title>
 </head>
 <body>
  <h1>サンプルページ</h1>
  <p>これは<a href="demo ">シンプルな</a> サンプルです。</p>
  <!-- ここはコメントです -->
 </body>
</html>

↓↓↓

ブラウザ上の表示

サンプルページ

これはシンプルな サンプルです。

■使用例

以下のサンプルには、<!–で始まり、–>で終わるコメントが含まれています。
コメントのテキストはHTMLソースでは読めますが、ブラウザの画面上には表示されません。

HTMLソース

<p>
 <img src="./sample/sample-usemap.png" usemap="#shapes"
  alt="中空の赤い四角形、緑の円、青い三角形、黄色い四芒星">
 <map name="shapes">
  <area shape="rect" coords="50,50,100,100">  <!-- 中空部分:href属性が存在しない点に注意 -->
  <area shape="rect" coords="25,25,125,125" href="red " alt="赤い四角形">
  <area shape="circle" coords="200,75,50" href="green " alt="緑の円">
  <area shape="poly" coords="325,25,262,125,388,125" href="blue " alt="青い三角形">
  <area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60"
  href="yellow " alt="黄色い四芒星">
 </map>
</p>

↓↓↓

ブラウザ上の表示

中空の赤い四角形、緑の円、青い三角形、黄色い四芒星

赤い四角形 緑の円 青い三角形 黄色い四芒星

■関連項目

広告



Lorem Ipsum is simply dummy text

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.