HTML、CSS、JS でのコメントの標準的な使用法は何ですか?

今回は、html、css、jsのアノテーションの標準的な使い方と、html、css、jsアノテーションを使用する際の注意事項について、実際の事例を交えてご紹介します。

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

html コメント:

<!--注释内容-->

css コメント:

//注释内容 单行注释（不推荐使用，因为有的浏览器可能不兼容，没有效果）
/*注释内容*/ 多行注释（推荐使用）

JavaScript:

//注释内容 单行注释/*注释内容*/ 多行注释

概要:

//注释内容     （在css或javascript中插入单行注释）/*注释内容*/   （在css或javascript中插入多行注释)

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

1. HTML アノテーション

が使用される場所:

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

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

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

2. CSS コメント

は、通常、特定のモジュール スタイルを定義するときに、このスタイルがどのモジュールに適用されるかを示すために使用されます。

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

3. JavaScript コメント

は通常、特定の関数の上に追加されます。

関数
は、関数、作成者、作成者情報、関数の変更時刻を記述します。

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

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

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

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連読書:

HTML画像のimgタグの使い方

HTML5のWEBインターフェースのメタカラムの詳しい説明

HTMLでのHTMLフォーム送信の使い方

以上がHTML、CSS、JS でのコメントの標準的な使用法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。