ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML、CSS、JSコードにコメントするにはどうすればよいですか? html、css、jsコメントの使い方まとめ

HTML、CSS、JSコードにコメントするにはどうすればよいですか? html、css、jsコメントの使い方まとめ

零下一度
零下一度オリジナル
2017-06-05 10:24:483476ブラウズ

コメントタグはすべてのブラウザでサポートされています。

コメントタグは、ソースコードにコメントを挿入するために使用されます。コメントはブラウザに表示されません。

コメントを使用してコードを説明すると、後でコードを編集するのに役立ちます。大量のコードを記述する場合に特に便利です。

コメント タグを使用して、ブラウザーでサポートされていないスクリプトを非表示にすることも良い習慣です (スクリプトがプレーン テキストとして表示されないように) 具体的には、HTML、CSS、および JS コードをコメント化する方法を教えてください。 html、css、jsコメントの使用例をまとめました!

HTML、CSS、JSコードにコメントするにはどうすればよいですか? html、css、jsコメントの使い方まとめ

1. html、css、js アノテーションを理解する

1.

Html アノテーション Html でテキスト アノテーションをマークするための記号の紹介

この記事では、Html アノテーションとその方法について学びましょう。 HTML シンボル

HTML コメントでテキストの注釈をマークするには、多くの場合、いくつかのコードの横に HTML コメントを作成する必要があります。これには、見つけやすく、比較しやすく、プロジェクト チームの他のプログラマーにとって便利であるなど、多くの利点があります。コードを理解すると、将来便利になります。 自分のコードの理解と修正など。

HTML コメントの使用を開始

2. HTML の条件付きコメント

前の言葉

IE条件コメント IE5以降、Microsoftが提供する非標準の論理ステートメントであり、その機能は、異なるHTML要素を異なるバージョンのIEに柔軟にインポートすることです。明らかに、この方法の最大の利点は、Microsoft によって公式に提供されている互換性のあるソリューションであり、W3C の検証を通じて IE を識別できることです

IE ブラウザは、IE10 以降、条件付きコメントをサポートしなくなったためです。そのため、以下の書き方はIE9-browserのみ認識可能です

【注意】 --と左括弧[の間にスペースは入れられません、そうでないと無効になります

3. Translater.JSを上手に共有するページを翻訳するための HTML コメント 例

JSDigs をフォローすると、時々何かできることがあります。

これは、HTMLコメントを利用したページ翻訳ソリューションです。静的ページの数が少ない場合は、この解決策の方が簡単だと思われます。依存関係はなく、圧縮されるだけです (~2kb)。

2. html、css、および js コメントの具体的な使用例

1. CSS コメントの高度な使用方法の紹介

準修飾セレクター (準修飾セレクター)

セレクターの過度の変更を避けてください。たとえば、.nav{} を記述できる場合は、ul.nav{} を記述しないようにしてください。セレクターを過度に変更すると、パフォーマンスに影響し、クラスの再利用性に影響し、セレクターのプライバシーが高まります。これらは避けるべきものです。

しかし、場合によっては、クラスの使用範囲を他の開発者に伝えたい場合もあります。 .product-page を例にとると、このクラスはルート コンテナのように見えます。ルート コンテナは html 要素または body 要素である可能性がありますが、.product-page のみに基づいて決定することはできません。

2.

HTML、CSS、および JS コメントの標準的な使用法

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

3. HTML コメント - 簡単に HTML+CSS を学びましょう

コードコメントとは何ですか?コード コメントの機能は、プログラマーがコードの目的をマークするのに役立ちます。しばらくしてから作成したコードを見ると、このコードの目的をすぐに思い出すことができます。コード コメントにより、プログラマは以前のコードの目的を思い出しやすくなるだけでなく、他のプログラマがプログラムの機能をすぐに理解できるようになり、複数の人が共同で Web ページ コードを開発することが容易になります。

3. 関連する質問と回答

1. CSS にコメントを追加するためのショートカット キーは何ですか?

2. HTML コメントをすべて取得する関数を記述する方法 エリア

【関連する推奨事項】

1.

HTML コメント

2.

正規表現に基づいてコメントを削除するメソッドの例

3.コメント方法の紹介

以上がHTML、CSS、JSコードにコメントするにはどうすればよいですか? html、css、jsコメントの使い方まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。