آموزش less درج توضیحات در Less

1396/7/25 علیرضا حاتمی نیا 95

comments in less

مقدمه

با سلام و درود خدمت شما همراهان همیشگی وبسایت آموزش برنامه نویسی و طراحی وب . باز هم با یک دیگر از مباحث آموزش Less در خدمت شما هستیم. در جلسه قبل به آموزش scope یا میدان دید متغیر در Less پرداختیم. در این جلسه با آموزش توضیح گذاری یا کامنت گذاری در LESS آشنا می شویم. 
همان طور که می دانید قرار دادن توضیحات برای کدهای نوشته شده یک امر لازم و ضروری می باشد که به قابل فهم بودن و توسعه بهتر کد برای دیگر کاربران کمک بسیاری می کند. در Less شما می توانید توضیحات را در یک خط یا در قالب یک بلاک توضیح درج کنید. البته در نظر داشته باشید که بعد از کامپایل کدهای Less به Css، توضیحات خطی نمایش داده نمی شوند.

درج توضیحات در Less

همانطور که گفته شد توضیحات به دو روش توضیحات خطی و بلاک توضیحات استفاده می شوند. 
توضیحات خطی : در این روش توضیحات فقط در یک خط نوشته میشوند و در شروع توضیحات کافیست دو علامت // قرار دهید 

 

// This is inline comment

بلاک توضیحات : این نوع توضیحات در دو یا چند خط نوشته میشوند و در  شروع توضیحات یک علامت /* و در پایان توضیحت یک علامت */ قرار می دهید.
 

/* This is a block comment
you can write the comments 
in some line*/

در مثلا زیر در فایل style.less هر دونوع توضیح را به کار میبریم.

/* It displays the
green red! */
.class1 {
   color: red;
}

// It displays the white color
.myclass1 {
   color: white;
}

حال فایل style.less را به style.css کامپایل می کنیم:

/* It displays the
green red! */
.class1 {
  color: red;
}
.myclass1 {
  color: white;
}

 

کلمات کلیدی

علیرضا حاتمی نیا
طراح و برنامه نویس وب
طراحی وبسایت های واکنش گرا
طراحی و پیاده سازی سیستم مدیریت محتوا
سئو و بهینه سازی سایت