سینا صالحی فرد 17 اردیبهشت 1393 1 4827 بازدید
فیلم آموزشی آشنایی با توضیحات (comment) در HTML

]آیا تا به حال دقت کرده اید که با دیدن کدهای html یک صفحه وب به سختی می توانید بخش های مختلف کد را از یکدیگر تشخیص دهید؟ با استفاده از commentها در بین کدهای html به سادگی می توانید مطالبی را در مورد کدها درج کنید تا دیگر دچار سردرگمی نشوید.

در این فیلم آموزشی html ما به شما خواهیم آموخت که چگونه از تگ های کامنت در بین کدهای html استفاده کنید. همچنین با کاربردهای دیگر commentها در زبان html آشنا خواهید شد.

فیلم آموزشی آشنایی با توضیحات (comment) در HTML

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی آشنایی با توضیحات (comment) در HTML

 

Comment

اگر تا به حال برنامه نویسی انجام داده باشید، حتما با مفهوم درج توضیحات (comments) آشنا شده اید. در html هم این امکان وجود دارد که در لابه لای کدهای خود از توضیحات استفاده کنید.

کاربردهای comment :

  1. امکان debug کردن سریع صفحات وب
  2. استفاده در کنار کدها برای بیان توضیحاتی که در مراجعه بعدی به کدها لازم می شود.
  3. برای مشخص کردن شروع و پایان هر قسمت از کدنویسی
  4. غیر فعال کردن موقت بخشی از کدها
  5. و …

توضیحات در html با علامت” <!—” شروع و با این علامت” –> ” بسته میشوند.


<!—comment -->

نکته : در تمام سیستم های کدنویسی، مرورگرها وقتی به Comment می رسند، آن ها را تفسیر نمی کنند و نشان نمیدهند و فقط توضیحات در سورس قالب قابل مشاهده است.

مثال :


<div id="wraper">

<!—comment -->

</div>

می بینیم صفحه خالی است و comment قابل مشاهده نیست برای اینکه بفهمیم مرورگر به درستی صفحه را توصیف کرده صفحه   را inspect می کنیم مشاهده می کنیم کد به درستی اجرا شده است.

cm1cm2

استفاده از comment ها در پروژه های بزرگ

فرض کنید شما یک قالب html طراحی کرده اید این قالب دارای بیش از 1000 کد می باشد notepad++ هم نداشته باشیم تا کد ها را رنگی نشان دهد و فقط باید از notepad خود ویندوز می توانید استفاده کنید در این مواقع به مشکل بر می خوریم و نمیدانیم کدام تگ پایان برای کدام تگ شروع است.

به عنوان مثال به سایت آنلاینر می رویم:

به آدرس onliner.ir می رویم.

در مرورگر Ctrl + u می زنیم (تا سورس صفحه باز شود )

کد های سبزی که مشاهده می کنیم Comment هستند به عنوان مثال اگر کامنتی که به شکل زیر برای آیدی button نوشته شده، اینجا نبود نمی توانستیم بفهمیم این تگ پایانی div برای کدام است .


<!--#button-->

cm3

cm4

دسترسی سریع :

نظرات کاربران (1)