آشنایی با کامنت ها در HTML

آشنایی با کامنت ها در HTML
آشنایی با کامنت ها در HTML

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

کامنت ها

کامنت ها، قطعه کد هایی هستند که توسط مرورگر ها نادیده گرفته می‌شوند. معمولا از Comment برای شرح یک قطعه کد پیچیده، جدا سازی بخش ها یا نکات و یادداشت توسعه دهنده وب استفاده می شود. در یک کلام، کامنت‌ها به شما و دیگران کمک می کنند تا کد هایی که نوشته اید را درک کنند همچنین کامنت‌ها تاثیر شگرفی در افزایش خوانایی کد دارند.

پیشنهاد می‌شود که حتما از کامنت ها در کد نویسی یک وب سایت استفاده شود.

در فصل دوازدهم آموزش HTML با Comment ها به صورت کامل آشنا می‌شویم و مزایا و معایب آن‌ها را نیز بررسی می‌کنیم.

کامنت تک خطی

تفسیر (کامنت) تک خطی در HTML در بین تگ <!-- … --> و در یک خط قرار می گیرد. در این تگ هر متنی که در وسط آن قرار گیرد به عنوان Comment در نظر گرفته می شود. که توسط همه مرورگر ها نادیده گرفته خواهد شد.

مثال :

<!DOCTYPE html>
<html>
<head>  <!-- Document Header Starts -->
<title>This is document title</title>
</head> <!-- Document Header Ends -->
<body>
<p>Document content goes here.....</p>
</body>
</html>

Comment چندخطی

در کنار کامنت‌های تک خطی، HTML از کامنت‌های چند خطی هم پشتیبانی می کند.

برای ایجاد یک Comment چند خطی باید تگ <!-- را در خط اول و --> را در خط آخر قرار دهید.

مثال:

<!DOCTYPE html>
<html>
<head>
<title>Multiline Comments</title>
</head>
<body>
<!-- 
This is a multiline comment and it can
span through as many as lines you like.
 -->
<p>Document content goes here.....</p>
</body>
</html>

تفسیر (کامنت) شرطی

کامنت‌های شرطی فقط در مرورگر IE کار خواهند کرد. در نتیجه در سایر مرورگر ها نادیده گرفته خواهند شد. این نوع Comment در نسخه 5 اینترنت اکسپلورر به بالا قابل استفاده است. شما می توانید توسط این نوع کامنت دستورالعمل خاصی را برای نسخه های مختلف IE تعیین کنید.

به عنوان نمونه، ممکن است در موقعیت قرار بگیرید که نیاز باشد از استایل متفاوتی در نسخه خاص استفاده کنید.

مثال :

<!DOCTYPE html>
<html>
<head>
<title>Conditional Comments</title>
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->
</head>
<body>
<p>Document content goes here.....</p>
</body>
</html>

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

یک نمونه کد کامنت برامون ارسال کنید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

در این مقاله به صورت کلی با Comment ها و نحوه استفاده از آن‌ها آشنا شدیم.

در مقاله بعدی در رابطه با مزایا و معایب استفاده از کامنت ها در HTML صحبت خواهیم نمود و بررسی می‌کنیم که آیا واقعا Comment ها به بهینه سازی وب سایت ما آسیبی میرسانند یا خیر!!

این مقاله هم به اتمام رسید و اگر پیشنهاد، انتقاد یا سوالی داشتید حتما برام بنویسید.

تا جلسه بعدی…

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

10 نظر

10 پاسخ

  1. سلام خسته نباشین الان اگه من این کدارو تو وبلاگم بزارم حله؟یا واس وبلاگ کامنت گذاری نمیشه؟

    1. سلام.
      اگر منظورتون از کامنت گذاری بخش نظرات هست باید عرض کنم این کامنت هیچ ربطی به بخش درج نظرات یک سایت نداره.
      موردی که شما اشاره میکنید باید برنامه نویسی بشه.

    2. وای وای وای
      یکم دقت تو خوندن چیز بدی نیستا!

      حتی اگه درمورد کامنت نظرات هم باشه
      انصاف نیست که خودا برای خودا کامنت بزاری
      این کامنت برای یاداشت نویسی داخل کد هستش عزیز (:

      1. سلام کیوان،
        ما در میزفا تمام تلاشمان بر این هستش که هرکسی که هیچ پیش نیازی از کامپیوتر و اینترنت هم نداره بتونیم به این علم آشنا و علاقمندش کنیم.
        چقدر خوب میشه که شما هم ما را برای رسیدن به این هدف همراهی کنید و انرژی بخش دوستان باشید.
        ارادتمندم❤️

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=