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タグの表示モードの詳細な説明

推薦する

git bash を使用して Linux にログインするための ssh の設定方法

1. まず、Linux サーバー上で公開鍵ファイルと秘密鍵ファイルを生成します。デフォルトの保存ディ...

LAMP ソースコードを使用したエンタープライズレベルのインストールチュートリアル

目次LAMPアーキテクチャ1.ランプの紹介2. WebサービスワークフローWebサーバーのリソースは...

左右の幅を固定し、中央の幅を適応させたHTMLレイアウトのソリューションの詳細な説明

この記事では、次のように、誰にでも共有できる左右幅固定のミドルアダプティブ HTML レイアウトソリ...

JavaScript における clientWidth、offsetWidth、scrollWidth の違い

1. コンセプトこれらはすべて Element の属性であり、要素の幅を示します。 Element....

mysqldump を使用して MySQL データをバックアップする方法

1. mysqldump の紹介mysqldump は、MySQL に付属する論理バックアップ ツー...

Vuex全体のケースの詳細な説明

目次1. はじめに2. 利点3. 使用手順1. Vuexをインストールする2. Vuexを参照する3...

Navicat が MySql サーバーにリモート接続できない問題の解決策

Navicat が MySql サーバーにリモート接続できない問題の解決策は、先頭に書かれています:...

WeChatアプレットのスクロールビューの改行問題を解決する

今日、小さなプログラムを書いていたときに、スクロールビューを使用したのですが、スクロールビュー内のテ...

MySQL でコミットされていないトランザクション情報を見つける方法

少し前に、「ORACLE でコミットされていないトランザクションの SQL ステートメントを見つける...

MySQL でのサブクエリの基本的な使用法

目次1. サブクエリの定義2. サブクエリの分類1. スカラーサブクエリ: 2. MySQLサブクエ...

CentOS 7.4 で MySQL 5.7.28 バイナリモードをインストールする方法

Linuxシステムバージョン: CentOS7.4 MySQL バージョン: 5.7.28 Linu...

MySQL で遅いファジークエリを最適化する方法

目次1. はじめに: 2. 最初のアイデアはインデックスを構築することです3. 命令P.S. Lik...

Reactでコンポーネントを作成する方法

目次序文コンポーネントの紹介クラスコンポーネントの作成状態についてレンダリングについて関数コンポーネ...

マウス追従ゲームを実現するjs

この記事では、マウス追従ゲームを実装するためのjsの具体的なコードを参考までに共有します。具体的な内...

IE ブラウザの HTML ハック タグの概要

コードをコピーコードは次のとおりです。 <!--[if !IE]><!-->...