سی‌اس‌اس/کامنت‌ها

نحو

کامنت‌ها

واحدها

کامنت‌ها در CSS

کامنت‌ها در CSS برای مستندسازی و توضیح کد استفاده می‌شوند و در مرورگر نمایش داده نمی‌شوند.

کامنت‌ها می‌توانند در زمان ویرایش بعدی کد بسیار مفید باشند، به‌ویژه زمانی که بخواهید مفهوم بخش‌هایی از کد را بهتر درک کنید.

مرورگرها کامنت‌ها را نادیده می‌گیرند.

نحوه نوشتن کامنت در CSS

یک کامنت در CSS با /* شروع و با */ پایان می‌یابد. این کامنت‌ها معمولاً داخل تگ <style> قرار می‌گیرند.

مثال: کامنت تک‌خطی

/* این یک کامنت تک‌خطی است */
p {
  color: red;
}

مثال: کامنت درون کد

p {
  color: red;  /* رنگ متن را قرمز تنظیم می‌کند */
}

مثال: کامنت وسط یک خط کد

p {
  color: /*red*/ blue;
}

در این حالت، مقدار red کامنت شده و از کد حذف می‌شود. پس رنگ متن آبی خواهد بود.

مثال: کامنت چندخطی

/* این یک
کامنت چندخطی
است */

p {
  color: red;
}

کامنت‌ها در HTML و CSS

همان‌طور که در آموزش HTML یاد گرفتید، می‌توان از ' برای کامنت‌گذاری در HTML استفاده کرد.

در مثال زیر، ترکیبی از کامنت‌های CSS و HTML را می‌بینید:

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* رنگ متن را قرمز تنظیم می‌کند */
}
</style>
</head>
<body>

<h2>عنوان من</h2>

<!-- این پاراگراف‌ها قرمز خواهند بود -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>کامنت‌های HTML و CSS در خروجی نهایی نمایش داده نمی‌شوند.</p>

</body>
</html>