CSSでコメントを追加する方法

cssのコメント

独自のWebサイトを作成し始めた場合は、自分でデザインを開始するのではなく、最初にテンプレートを使用することにしたかもしれません(あまりアイデアがないか、ベースが必要なため)。 これらのテンプレートでは、CSSにコメントがある場合があります。 いいえ、その名前では、読者がWebサイトに付けたコメントやテキストではなく、開発者によって作成された小さな注釈を参照しています。これは、形成される優れたコードの各部分が何を参照しているかを知るのに役立ちます。テンプレート(そして、Webを実際のように見せるもの。

その後、 CSSコメントとは何か知っていますか? それらがどのように行われるか知っていますか? 今日、私たちはあなたがそれらについて知ることができるようにすべてを説明します。

コメントとは何ですか?

CSSコメントとは何ですか?

この場合、次のように理解されているコメントは参照しません。 ニュースアイテムにコメントし、ユーザーとWebページ間の対話を可能にするテキスト。 具体的には、HTMLタグの間に配置され、視覚的には見えないものの、Webサイトのプログラミングコードに含まれているものを指します。これにより、コードの目的をユーザーに通知しようとしますが、これは後でWebに反映されません(そのまま)。

コメントは何ですか?

次に自問するかもしれないのは、テンプレートやプログラミングドキュメントにコメントを入れる理由です。 そして、信じられないかもしれませんが、これらの注釈は非常に効果的です。なぜなら、次の状況を想像してみてください。数か月かかるページのプログラムを開始したからです。 各ページで多くの変更やスケジュールなどを行います。 そして突然、振り返ってみると、そこにあるそのコードは何のためにあるのか疑問に思います。 さらに悪いことに、色やデザインを変更する必要があり、入力したすべてのコードのどこにあるのかわかりません。 混乱は何でしょうか?

まあ、 プログラミングのコメントとして作成する注釈は、そのコードの理由を思い出したり、プロジェクト内で自分自身を見つけたりするのに役立ちます。 あなたがあなたの手に持っているもの。 したがって、数週間、数か月、または数年経っても、すべてをどのように残したか、および使用した各コードが何を参照していたかがわかります。

また、これらのコメントは特定の側面をテストするために使用されるため、使用時にエラーが発生するかどうかに応じて、Web上でアクティブ化されるかどうかが決まります。

もちろん、コメントが視覚的に表示されないということは、あなたが何かを書く自由があるという意味ではありません。 そして、時には、コメントが場違いになったり、あなたがそこに置いたものにクライアントを怒らせたりすることがあります(つまり、本格的な差別)。 したがって、注意して、本当に必要なものだけを置く必要があります。 なぜなら、それらは表示されませんが、今日、HTMLコードを探索し、それを使用して、配置されたコメントを表示できるようにする多くのブラウザーがあります。

CSSコメントの入れ方

CSSコメントの入れ方

CSSはプログラミング言語の3つであり、おそらくHTMLとともに、Webページやクリエイティブデザインで最も広く使用されている言語のXNUMXつです。 したがって、彼をもう少し知ることが重要です。 実際、最もよく使用するのはCSSXNUMXです。

これで、プログラミングの「最初のステップ」をすでに実行している場合は、コードが構造を「ドレスアップ」するために使用され、CSSがWebサイトをより魅力的に見せるために役立つことがわかります。 しかし、それらの中にはCSSコメントがあります。 これらはどのプログラミング言語でも同じですが、それぞれで異なる方法で記述されています。

CSSコメントをどのように作成しますか? さて、これのためにあなたは以下をする必要があります:

  • 曲がったスラッシュ(Shift + 7)でコメントを開きます。
  • 次に、アスタリスクを付けます。
  • これはコメントの始まりであり、その瞬間から書いたものはすべてWebのHTMLコードに含まれていても、Web上では視覚的に表示されません。
  • コメントを閉じるには、最初にアスタリスクを付けてから、曲がったスラッシュを付ける必要があります。
  • その時点で、次に書くものは視覚的にWebに影響を与え、見ることができます。

視覚的には、コメントは次のようになります。

/ *これはウェブ上に視覚的に隠されるコメントです* /

うまくできていれば、他のコードのように黒や他の色ではなく、灰色で表示される可能性があります。 これは、それが適切に指定されており、Web(配置した領域)に表示されないテキストになることを意味します。

あなたが置くことができるCSSのコメントの種類

あなたが置くことができるCSSのコメントの種類

HTMLで作業している間は、何をしているのかを知るために、または修正しなければならない部分やエラーがあることを警告するために、いくつかのコメントを付けるのが普通です。 ただし、その後、実際には役に立たないタイプのコメントを削除することが重要です。 それはあなたがそれらをすべて削除する必要があるという意味ではありません。

CSSには、固執する必要のあるコメントがいくつかあります。 どっち? 以下:

  • コメントを明確にする。 これらは、特定の何かを説明するのに役立つCSSコメントです。 たとえば、特定のセクションの画像のサイズにより、使用する画像がわかります。
  • コメントをブロックする。 つまり、Webサイトの各セクションまたは一部(フッター、ヘッダーなど)を区切るために作成される注釈です。
  • CSSが無効になっています。 これを使用すると、無効になっていることを確認する必要がありますが、再度使用する場合に備えて正しく機能することを確認する必要があるため、注意する必要があります。 たとえば、あなたがウェブサイトを持っていて、それが非常に遅いと想像してください。 次に、最初に配置したスライダーを無効にして、Webが改善されるかどうかを確認します。 その場合は、問題が修正された後、いつでも元に戻すことができます。
  • クレジットコメント。 最後に、コードを作成した人、または作成したWebサイトのバージョンを参照するコメントを残して、作業を行った人を進化させたり、クレジットを与えたりすることができます(ただし、そうではありません)。場合によっては視覚的に見える。

記事の内容は、次の原則に準拠しています。 編集倫理。 エラーを報告するには、 ここで.

コメントを最初に

コメントを残す

あなたのメールアドレスが公開されることはありません。

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。