HTML、CSS、JS コードでのアノテーションの使用法の概要

必要なコメントを追加することは、責任ある倫理的なフロントエンドが持つべき良い習慣であり、コードの保守性と可読性を大幅に向上させることができます。以下のエディターは、HTML、CSS、および JS コメントの標準的な使用法の概要を紹介します。必要な友人はそれを参照できます

必要なコメントを追加すると、責任ある倫理的なフロントの良い習慣を大幅に改善できます。コードの保守性と可読性を向上させる必要があります。まず第一に、誰もが HTML、CSS、JS コメントの書き方を理解する必要があります:

html コメント:

css コメント:

//コメント内容の単一行コメント (ブラウザによっては互換性がなく効果がない可能性があるため推奨しません)
/*コメント内容*/ 複数行コメント (推奨)

JavaScript:

//コメント内容 単一-line コメント
/*コメント内容 */ 複数行コメント

概要:

//コメント内容 (CSS または JavaScript で単一行コメントを挿入)
/*コメント内容*/ (複数行コメントを挿入) CSS または JavaScript で)

次は、この種のコードでコメントが使用される場所とコメントの書き方をまとめてみましょう。 (個人の習慣によって異なる場合があります)

1. HTML アノテーション

が使用される場所:

1) 通常、次のようないくつかのメイン ノード ラベルの後に使用されます:

<p class="wrap">
<p class="main">
...
</p><!--main end-->
<p><!--wrap end-->

2) 次のようないくつかのループの終了後に使用します。

<ul class="list">
    <li>111111</li>
    <li>222222</li>
    <li>333333</li>
</ul><!--list loop-->

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

2. CSS コメント

は、通常、特定のモジュール スタイルを定義するときに、このスタイルがどのモジュールに適用されるかを示すために使用されます。ある関数の上で、関数、作成者、作成者情報、更新時刻を説明します。

/*通用 - 评论*/
.comment{...}
/*相册*/
.photo{...}
/*分享*/
.share{...}
/*投票*/
.vote{...}

最後に、コメントも文字であり、トラフィックを生成します。したがって、公式アドレスにページを公開する場合は、最適化処理を追加することをお勧めします。

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

以上がHTML、CSS、JS コードでのアノテーションの使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。