CSSコードを書くときにコメントを使うことは、あなたにとっても、そのコードで作業したり、そのコードから学んだりする可能性のある人にとっても役に立ちます。コメントを使うことで、混乱しそうな関数を説明したり、コードのブロックが実行されるのを素早く防いだり、コードの特徴や目的を説明する文書を作成したりすることができます。書いたコードすべてにコメントをつける必要はありませんが、適切なコメントをつけることは、関係者全員の助けになります。
1
CSSのコメントコードに慣れましょう。
-
CSSでは、C言語のような「コメントブロック」スタイルのコメント/*---*/を使用します。これは複数行のコメントを可能にし、コードの一部を無効化するのにすぐに使えます。/* 開始タグと終了タグの間はすべてコメントになります。
2
コメントをコードのCSSセクションで使用します。
-
コメントをサポートするのは、CSSとして処理される部分だけです。つまり、コメントはCSSスタイル・ページやHTMLページの<style>ブロックで機能します。HTMLページの他の部分では機能しません。HTMLブロック内でコメントが必要な場合は、.<!DOCTYPE html> <html> <head> <style> p { color：#93B874; /*行末にコメントを作成することもできます */ /*行間にコメントを作成することもできます */ font-family：「times"; } /* 複数行のコメントを作成できます。 </style> </head> <body> <p>これは標準的なHTMLの段落です。上のコメントはページには表示されません。
3
コメントを使ってコードの実行を防ぐ
-
コメントのより重要な使い方のひとつは、コードの一部が処理されないようにすることです。これは、変更点のテストやコードのデバッグに最適です。<style> p { color：/* font-family：「times"; */ } /* 上記のコメント・タグは、"font-family" 属性が適用されないようにします。
4
混乱しそうなコードを説明するためにコメントを使用する。
-
コードのすべての行をコメントする必要はありませんが、わかりにくいコードにはコメントを含めると便利です。これは、あなたのコードから共同作業をしたり学んだりする人の助けになるだけでなく、あなた自身がコードの機能を思い出す助けにもなります。<style> img { opacity: 0.5; filter: alpha(opacity=50); /* IE6-8用 */ } /* 上のコメントは、その行のコードがInternet Explorer 6、7、8用であることを示しています */ </style>
5
コメントを使用して、コード内にドキュメントを作成します。
-
CSSのコメントやその他の文字を使用して、コードの詳細なドキュメントを作成することができます。これにより、プログラムの機能を説明したり、他のコーダー/ユーザーに指示を与えることができます。CSS圧縮は、コードを実行するときに自動的にこの部分を取り除くので、長さがファイルサイズに影響する心配はありません。/*********************************** ************************************ This Makes for a Good Title Header ************************************ ***********************************/ /*========Section Heading=========*/ /*------Sub-Section Heading-------*/ /*This can be the text for each of * for each of your paragraphs. * Adding an * to the beginning of * each line makes it a little easier * for the reader to parse */
6
無効なCSSを使用して、一時的な1行コメントを作成する。
-
CSSには、JavaScriptの//のような「一行」コメント機能はありません。しかし、無効なCSSを行頭に使用することで、次の関数を処理させないようにすることはできます。これは大がかりなデバッグには向かない方法ですが、とっさのときには便利です。<style> p { color：#XXXXfont-family："times"; }. /* 上記の "XXXX "は "font-family "が処理されないようにします。このようなコード・ハックは、潜在的に読者に問題を引き起こす可能性があるため、ライブのウェブサイト上に放置すべきではありません。
コメント
最新を表示する
NG表示方式
NGID一覧