]آیا تا به حال دقت کرده اید که با دیدن کدهای html یک صفحه وب به سختی می توانید بخش های مختلف کد را از یکدیگر تشخیص دهید؟ با استفاده از commentها در بین کدهای html به سادگی می توانید مطالبی را در مورد کدها درج کنید تا دیگر دچار سردرگمی نشوید.
در این فیلم آموزشی html ما به شما خواهیم آموخت که چگونه از تگ های کامنت در بین کدهای html استفاده کنید. همچنین با کاربردهای دیگر commentها در زبان html آشنا خواهید شد.
[hdplay id=15]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.co/html-videos/html-comments.mp4′]دانلود فیلم آموزشی آشنایی با توضیحات (comment) در HTML[/video_download]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش ساخت فرم تماس با ما بوسیله ی HTML
- آموزش بعدی : فیلم آموزشی معرفی textarea, radio, checkbox, select-option در فرم های html
- لیست فیلم ها : فیلم های آموزش جامع HTML
متن فیلم آموزشی آشنایی با توضیحات (comment) در HTML
Comment
اگر تا به حال برنامه نویسی انجام داده باشید، حتما با مفهوم درج توضیحات (comments) آشنا شده اید. در html هم این امکان وجود دارد که در لابه لای کدهای خود از توضیحات استفاده کنید.
کاربردهای comment :
- امکان debug کردن سریع صفحات وب
- استفاده در کنار کدها برای بیان توضیحاتی که در مراجعه بعدی به کدها لازم می شود.
- برای مشخص کردن شروع و پایان هر قسمت از کدنویسی
- غیر فعال کردن موقت بخشی از کدها
- و …
توضیحات در html با علامت” <!—” شروع و با این علامت” –> ” بسته میشوند.
[html]
<!—comment –>
[/html]
نکته : در تمام سیستم های کدنویسی، مرورگرها وقتی به Comment می رسند، آن ها را تفسیر نمی کنند و نشان نمیدهند و فقط توضیحات در سورس قالب قابل مشاهده است.
مثال :
[html]
<div id="wraper">
<!—comment –>
</div>
[/html]
می بینیم صفحه خالی است و comment قابل مشاهده نیست برای اینکه بفهمیم مرورگر به درستی صفحه را توصیف کرده صفحه را inspect می کنیم مشاهده می کنیم کد به درستی اجرا شده است.
استفاده از comment ها در پروژه های بزرگ
فرض کنید شما یک قالب html طراحی کرده اید این قالب دارای بیش از 1000 کد می باشد notepad++ هم نداشته باشیم تا کد ها را رنگی نشان دهد و فقط باید از notepad خود ویندوز می توانید استفاده کنید در این مواقع به مشکل بر می خوریم و نمیدانیم کدام تگ پایان برای کدام تگ شروع است.
به عنوان مثال به سایت آنلاینر می رویم:
به آدرس onliner.co می رویم.
در مرورگر Ctrl + u می زنیم (تا سورس صفحه باز شود )
کد های سبزی که مشاهده می کنیم Comment هستند به عنوان مثال اگر کامنتی که به شکل زیر برای آیدی button نوشته شده، اینجا نبود نمی توانستیم بفهمیم این تگ پایانی div برای کدام است .
[html]
<!–#button–>
[/html]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش ساخت فرم تماس با ما بوسیله ی HTML
- آموزش بعدی : فیلم آموزشی معرفی textarea, radio, checkbox, select-option در فرم های html
- لیست فیلم ها : فیلم های آموزش جامع HTML
مطلب خوبی بود ممنون
کلا مطالب آموزشیتون خوبه