HTML、CSS、JS でのコメントの標準的な使用法は何ですか?-htmlチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2018-01-18 09:28:37

オリジナル

2003 人が閲覧しました

今回は、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 サイトの他の関連記事に注目してください。