HTML、CSS、JSコメントの標準的な使用法の概要

必要なコメントを追加することは、責任感と道徳心のあるフロントエンド開発者が持つべき良い習慣であり、コードの保守性と可読性を大幅に向上させることができます。まず、HTML、CSS、JS でのコメントの書き方に慣れておく必要があります。

HTML コメント:

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

CSS コメント:

//コメント内容 1 行コメント (一部のブラウザでは互換性がなく、効果がない可能性があるため、推奨されません)
/*コメント内容*/ 複数行コメント（推奨）

JavaScript:

//コメント内容 1行コメント
/*コメント内容*/ 複数行コメント

要約:

//コメント内容（CSS または JavaScript に 1 行コメントを挿入）
/*コメント内容*/ (CSS または JavaScript で複数行のコメントを挿入します)

次に、これらの種類のコードでコメントが使用される場所と、コメントの書き方をまとめます。 （個人の習慣によって異なる場合があります）

1. HTMLコメント

使用場所:

1) 通常は、次のようなメインノードラベルの後に使用されます。

<div class="wrap">
<div class="main">
...
</div><!--メイン終了-->
<div><!--ラップ終了-->

2) 次のようなループの終了後に使用されます。

<ul class="リスト">
    <li>111111</li>
    <li>222222</li>
    <li>333333</li>
</ul><!--リスト ループ-->

これらはすべて、ネスト時にプログラムをより便利かつ明確にするためのものです。他人にとって都合の良いことをすることは、自分にとっても都合の良いこととなります。プログラムは非常に乱雑にネストされており、変更するのは非常に複雑なプロセスになります。

2. CSSコメント

これは通常、モジュール スタイルの定義の上に使用され、このスタイルが適用されるモジュールを示します。次に例を示します。

/*一般 - コメント*/
。コメント{...}
/*フォトアルバム*/
。写真{...}
/*共有*/
。共有{...}
/*投票する*/
。投票する{...}

3. JavaScriptコメント

コメントは通常、関数、作成者、作成者情報、および変更時刻を説明するために関数の上に追加されます。

//========================================================
//文字を切り捨てる//steepvi
//rtx:*******
// 2010-10-14
//========================================================

最後に、コメントもトラフィックを生成する文字です。そのため、ページを公式アドレスに公開する場合は、最適化プロセスを追加するのが最適です。

圧縮プロセスは非可逆的なプロセスであり、ローカル ファイルが最新の注釈付きファイルであることを保証し、圧縮後にサーバーにアップロードされます。サーバー側のファイルはローカルデバッグには使用できません。

上記は、エディターが紹介した HTML、CSS、JS コメントの標準的な使用方法のまとめです。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。