کامنتها در CSS برای درک بهتر ما از کد مورد استفاده قرار میگیرند و در صفحه وبسایت شما نمایش داده نمی شوند.
CSS Comments
کامنتها برای توضیح دادن وظیفه کد مورد استفاده قرار میگیرند و ممکن است، زمانی شما به پروژه قدیمیتان برگردید با مطالعه کامنت ها خیلی سریع متوجه کدهایتان بشوید.
کامنتها توسط مرورگرها نادیده گرفته میشوند و اجرا نمیشوند.
در یک قطعه کد CSS داخل تگ <style> شما باید کامنت را با استفاده از `/*` شروع و با استفاده از `*/` پایان دهید، مثال:
/* این یک کامنت تک خطی در CSS میباشد */
p {
color: red;
}
کامنتها در CSS برای درک بهتر ما از کد مورد استفاده قرار میگیرند و در صفحه وبسایت شما نمایش داده نمی شوند.
CSS Comments
کامنتها برای توضیح دادن وظیفه کد مورد استفاده قرار میگیرند و ممکن است، زمانی شما به پروژه قدیمیتان برگردید با مطالعه کامنت ها خیلی سریع متوجه کدهایتان بشوید.
کامنتها توسط مرورگرها نادیده گرفته میشوند و اجرا نمیشوند.
در یک قطعه کد CSS داخل تگ <style> شما باید کامنت را با استفاده از `/*` شروع و با استفاده از `*/` پایان دهید، مثال:
/* این یک کامنت تک خطی در CSS میباشد */
p {
color: red;
}
شما میتوانید کامنت را در هر جای کد که خواستید قرار دهید، مثال:
p {
color: red; /* قرمز کردن رنگ متن */
}
همچنین شما میتوانید کامنت را در چند خط بنویسید، مثال:
/* این یک
کامنت چندخطی
میباشد */
p {
color: red;
}
کامنت در HTML و CSS
اگر با HTML کار کرده باشید میدانید که برای اضافه کردن کامنت در HTML شما باید <!-- .... --> به این شکل کامنت گذاری را انجام دهید.
در مثال زیر، ما کامنتها را در HTML و CSS به صورت ترکیبی استفاده میکنیم:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* قرمز کردن رنگ متن */
}
</style>
</head>
<body>
<h2>وبسایت میموک</h2>
<!-- این پاراگراف قرمز خواهد شد -->
<p>عنوان</p>
<p>این پاراگراف با CSS استایل دهی شده است</p>
<p>کامنت های CSS در خروجی نشان داده نمیشوند</p>
</body>
</html>
منبع: آتریا