English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <!--…-->コメントタグ

この記事では、HTMLのコメントの使用方法を学びます。他のプログラミング言語と比較して、HTMLのコメントは少し複雑です。HTMLのコメントタグは<!--…-->、このコメントタグ内のすべての内容はブラウザで表示されません

オンラインサンプル

HTMLのコメント:

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程网(oldtoolbag.com)</title> 
</head>
<body>
<!--これはコメントで、コメントはブラウザで表示されません-->
 
<p>これは段落の内容</p>
</body>
</html>
テストをしてみてください ‹/›

ブラウザのサポート

すべての主要ブラウザが<!--...-->コメントタグ。

ChromeAndroidFirefoxIEEdgeOperaSafari

タグの定義及び使用方法

<!--...-->コメントタグは、ソースドキュメントにコメントを挿入するために使用されます。コメントはブラウザで表示されません。

コメントを使用してコードを説明することで、以降の時間にコードを編集する際に役立ちます。特にコード量が多い場合には非常に有用です。

コメントの内容にプログラムに対するカスタマイズされた情報を保存することもできます。この場合、これらの情報はユーザーには見えませんが、プログラムにとっては利用可能です。コメントテキストにコメントやスタイル要素を入れる良い習慣があります。これにより、サポートしていないブラウザがそれらをテキストとして表示しないようにできます。

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程网(oldtoolbag.com)</title> 
</head>
<body>
<script type="text/javascript">
<!--
function displayMsg()
{
  alert("Hello World!");
}
displayMsg();
//-->
</script>
</body>
</html>
テストをしてみてください ‹/›

コメント:コマンドラインの最後の二つの正のスラッシュ(//)はJavaScriptのコメントシンボルです。これにより、JavaScriptが実行されません。 -->タグ。

ソースドキュメント内で非常に明確な役割を持っている以外に、多くのWebサーバーがコメントを利用して、ドキュメントのサーバーサイドソフトウェア特有の機能を実現しています。これらのサーバーは、従来のHTML/XHTMLのコメント内で特定の文字列を見つけ、そのコメント内に埋め込まれたコマンドに従って適切なアクションを取ります。これらのアクションは、他のファイルのテキストを含める(サーバーサイドインクルードと呼ばれる)など、単純なものから始まります。-include内側で実行される可能性がありますが、複雑なコマンドを実行してドキュメントの内容を動的に生成することも考えられます。

javascriptで <!-- //--> の役割

HTMLでJavaScriptを使用する際には、以下のような書き方がよく見られます:

<script type="text/javascript">
<!--
XXXXXXXX内容省略XXXXX
//-->
</script>

これは、javascriptをサポートしていないブラウザが、javascriptのコードが直接ページに表示され、見た目に影響を与えないようにするためです。
したがって、HTMLのコメントでjavascriptのコードを囲むと、ブラウザがjavascriptをサポートしていない場合でも、コメントとして処理されます。javascriptが失敗しても、ソースコードがページに表示されることはありません。

標準属性

<!--...--> コメントタグは、どんな標準属性もサポートしていません。

HTML 標準属性に関する情報をさらに詳しく知りたい場合は、以下のサイトを訪れてください 標準属性

イベント属性

<!--...--> コメントタグは、どんなイベント属性もサポートしていません。

HTML 事件属性に関する情報をさらに詳しく知りたい場合は、以下のサイトを訪れてください イベント属性