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

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

6057 نفر
5 دقیقه
سینا صالحی فرد
بروزرسانی در: دی 30, 1396

فهرست مطالب

]آیا تا به حال دقت کرده اید که با دیدن کدهای 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]

دسترسی سریع :

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

 

Comment

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

کاربردهای comment :

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

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

[html]

<!—comment –>

[/html]

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

مثال :

[html]

<div id="wraper">

<!—comment –>

</div>

[/html]

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

cm1cm2

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

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

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

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

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

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

[html]

<!–#button–>

[/html]

cm3

cm4

دسترسی سریع :

به این صفحه رتبه دهید
2 دیدگاه
انتشار: اردیبهشت 17, 1393
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
سینا صالحی فرد
آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا