HTMLコメントタグ

2994 ワード
learnhtml テキストリンク
HTMLではコメントタグを使用してコメントをソースコードに挿入します.これらのコメントはブラウザに表示されません.コメントを使用してコードを説明できます.ソースコードを編集するときに役立ちます.
コメントでは、ドキュメントのセクションやコードを説明するメモを挿入します.タグを除くドキュメントのどこにもコメントタグを使用できます.

文法


コメントタグは、オープン角度ブラケット(<)、感嘆符(!)、続いてダブルダッシュシーケンス(--)で始まる.その後、コンテンツを入力することができます.最後に、ダブルダッシュシーケンス(--)でタグを閉じ、アングルブラケット(>)を閉じる.
コメントは<!-- Comments -->シンボルの間に書かれています.
注意:感嘆符(!)startタグだけで使用され、終了タグにそれを置く必要はありません.

HTMLコメントタグのサンプル



<!DOCTYPE html>
<html>
  <head>
    <title>Title of HTML Comment Tag</title>
  </head>
  <body>
    <p>The content of the document</p>
    <!-- This is our comment, that is not displayed on the browser--> 
  </body>
</html>

結果:


結果
結果から、コメントタグはブラウザからスクリプトを「隠す」ので、それは現れません.
コメントタグの中に、必要な任意の言語を入力できます.また、コメントとしてJavaScriptとCSSコードを書くことができます.コメントタグの間で何が現れたか、ブラウザはこのテキストを無視します.JavaScriptコードを参照ください.

<!DOCTYPE html>
<html>
   <head>
      <title>Title of HTML Comment Tag</title>      
      <script>
         <!-- 
            document.write("Hello World!")
         //-->
      </script>
   </head>  
   <body>
<p>The content of the document</p>
        </body> 
</html>
JavaScriptでは、終了コマンドタグの前に2つのフォワードスラッシュを入力する必要があります.これは、JavaScriptのコメントタグの間で実行を停止します.
同様に、コメントタグを使用してブラウザからCSSコードを非表示にできます.

<!DOCTYPE html>
<html>
  <head>
    <title>Title of HTML Comment Tag</title>
  </head>
  <body>
    <p>The content of the document</p>
<style>
<!--
      a {color: #1c87c9;}
-->
    </style>
    <!-- This is our comment, that is not displayed on the browser--> 
  </body>
</html>

ブラウザサポート:


ブラウザのサポート
HTML <!-- Comments --> Tag年には、Share Point Anchorが初めて登場した.
21. 8. 9月TIL(イテレーション、イテレーション、イテレーション)
2019 KAKAO BLIND RECRUITMENT無知な食いしん坊生放送py