ホームページ > ウェブフロントエンド > htmlチュートリアル > html、css、js コメントの標準的な使用法

html、css、js コメントの標準的な使用法

巴扎黑
リリース: 2017-05-14 13:52:37
オリジナル
1903 人が閲覧しました

必要なコメントを追加することは、責任ある倫理的なフロントエンドが持つべき良い習慣であり、コードの保守性と可読性を大幅に向上させることができます。以下のエディターは、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート