HTML コメント HTML 内のテキストコメントをマークするための記号

HTML コメント HTML 内のテキストコメントをマークするための記号

HTML コメント。コードの横に HTML コメントを付ける必要があることがよくあります。そうすることで、検索が便利、比較が便利、プロジェクト チームの他のプログラマーがコードを理解しやすく、将来自分のコードを理解して変更しやすくなるなど、多くの利点があります。

HTML コメントは <!-- で始まり --> で終わります。

HTMLコメント構文

<!--コメント内容-->


コードをコピー
コードは次のとおりです。

<!--ここにコメント-->
<a href="https://www.jb51.net">123WORDPRESS.COM</a>
<!--リンク終了-->

より完全なリストはこちら


コードをコピー
コードは次のとおりです。

1. <!--コメント内容-->
2. //コメント内容(CSSまたはJavaScriptに1行コメントを挿入)
3. /*コメント内容*/ (CSS または JavaScript で複数行のコメントを挿入)


JavaScript コメント

JavaScript コメント構文


コードをコピー
コードは次のとおりです。

//コメント内容
/*
メモの内容
*/


CSS コメント

HTML チュートリアルで説明されているように、コメントは CSS ドキュメントでも重要な役割を果たし、CSS の意味や HTML ドキュメント内のどこに読み込まれるかなどを覚えておくのに役立ちます。

CSSコメントは/*で始まり、*/で終わります。

CSS コメント構文


コードをコピー
コードは次のとおりです。

/* コメント内容*/

/* ----------テキストスタイルの始まり---------- */
/* 白い 12 ピクセルのテキスト */
.dreamduwhite12px
{
色:白;
フォントサイズ:12px;
}
/* 黒 16 ピクセルのテキスト*/
.dreamdublack16px
{
色:黒;
フォントサイズ:16px;
}
/* ----------テキストスタイルの終了---------- */


JavaScript コメントの例

行をコメントするには2つのダブルスラッシュを使用します

[コード]
//document.write("www.jb51.net");
コードブロックをコメントするにはスラッシュスターを使用します(複数行)

/*
var jb51 = "www.jb51.net";
var jb51 = "du";
*/
[HTML]

ヒント: JavaScript コメントが多すぎると、JavaScript の実行速度と読み込み速度が低下するため、Web サイトを公開するときには JavaScript コメントを削除する必要があります。

ヒント: コメント ブロック (/* ... */) では、JavaScript 正規表現で生成される可能性のある (/* または */) は使用できません。構文エラーが発生するため、コメント コードとして // を使用することをお勧めします。このチュートリアルでは、// を使用してコメントをマークします。

<<:  jQuery Ajax チャットボットの実装事例

>>:  CSSタグの表示モードの詳細な説明

推薦する

MySQLで行または列をソートする方法

方法:説明: どちらも達成できません:方法1: sp_product から sp.productid...

Vueのライフサイクルについて詳しく説明します

目次序文1. Vue2 のライフサイクルインスタンスのライフサイクルその他のライフサイクルフック2....

show processlist コマンドによる MySQL パフォーマンス検査の説明

show processlist コマンドは非常に便利です。MySQL の実行が 50% 以上になる...

データベースSQL文の最適化

最適化する理由:実際のプロジェクトが開始され、データベースが一定期間稼働した後、初期のデータベース設...

JS がビデオ弾幕効果を実現

これを実現するには、ES6 モジュール開発とオブザーバー モードを使用します。オブザーバー パターン...

CSS3 を使用して中心点の周りに要素を配置する方法の例

この記事では、CSS3 を使用して中心点を中心に要素をレイアウトする方法の例を紹介します。詳細は次の...

VUE ユニアプリカスタムコンポーネントについての簡単な説明

1. 親コンポーネントはpropsを通じて子コンポーネントにデータを渡すことができる2. 子コンポー...

Linux で同じ内容のファイルを識別する方法の詳細な説明

序文ファイルのコピーによってハードドライブのスペースが大量に浪費され、ファイルを更新するときに混乱が...

Vue の新しいおもちゃ VueUse の具体的な使い方

目次序文VueUseとは使いやすいおなじみの手ぶれ補正やスロットル機能もありますグローバル状態を共有...

MySQLクエリ最適化プロセスを理解する

目次パーサーとプリプロセッサクエリオプティマイザーMySQL クエリの最適化には、解析、前処理、最適...

Mysql8.0はソート問題を解決するためにウィンドウ関数を使用する

MySQL ウィンドウ関数の紹介MySQL は MySQL 8.0 以降、ウィンドウ関数をサポートし...

VMware仮想マシンにLinux(CentOS)をインストールするための詳細な構成手順

CentOS7をダウンロード私がダウンロードしたイメージはCentOS-7-x86_64-DVD-1...

CSSレイアウトにおけるフローティング問題に対する4つの解決策の詳細な説明

1. 原因:サブボックスをフロートに設定した後の効果: 青いボックスをフロートに設定すると、標準のド...

JavaScript イベント委任の原則

目次1. イベント委任とは何ですか? 2. イベント委任の原則3. イベント委託の役割1. イベント...