توضیحات (Comments)
اینجا «کامنت CSS» را یاد می گیریم. «کامنت (Comment)» توضیحی داخل کد است. مرورگر آن را نادیده می گیرد. اما برای فهم بعدی بسیار کمک می کند. همچنین می توان بخشی از استایل را موقتاً غیرفعال کرد.
کامنت CSS چیست؟
کامنت در CSS با /* شروع می شود و با */ تمام می شود. این متن فقط برای انسان است، نه برای مرورگر.
کامنت تک خطی و کنار قانون
می توانی یک خط را شرح بدهی یا کنار یک ویژگی یادداشت بگذاری.
/* This is a single-line comment */
p {
color: red;
}
قرار دادن کامنت وسط قانون نیز مجاز است و اجرا را عوض نمی کند.
p {
color: red; /* Set text color to red */
}
کامنت وسط خط
می توانی وسط مقدار هم کامنت بگذاری؛ مرورگر آن بخش را می پرَد.
p {
color: /*red*/ blue;
}
کامنت چندخطی
برای توضیح طولانی، از چند خط استفاده کن. مثل یادداشت معلم روی برگه.
/* This is
a multi-line
comment */
p {
color: red;
}
تفاوت کامنت HTML و CSS
در HTML از <!-- ... --> استفاده کن. در CSS از /* ... */ استفاده کن.
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>HTML and CSS comments are not shown in the output.</p>
</body>
</html>
گام های عملی سریع
- برای هر بخش سخت، یک کامنت ساده بنویس.
- قوانین خاموش را موقتاً کامنت کن و نتیجه را ببین.
- توضیح کوتاه و دقیق بنویس؛ طولانی نویسی نکن.
نکته: برای فهم بهتر قوانین، بخش انتخاب گرها و نحو نگارش را ببین. برای شیوه اتصال فایل ها هم به نحوه استفاده مراجعه کن.
جمع بندی سریع
- کامنت به مرورگر بی اثر است.
- در CSS از /* ... */ استفاده کن.
- در HTML از <!-- ... --> استفاده کن.
- برای خاموش کردن موقت، کامنت بهترین است.
- کوتاه، مفید، و واضح بنویس.