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

طراحی سایت

..آشنایی با کامنت ها در 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>

در کنار کامنت‌های تک خطی، 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>

نتیجه گیری

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

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

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

تا جلسه بعدی…

32
10 بهمن 1398
    ..نظرات..
    ..مقالات پربازدید..
    آموزش قرعه کشی در اینستاگرام
    طراحی سایت

    آموزش قرعه کشی در اینستاگرام

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

    10936
    24 فروردین 1398
    bit.ly چیست ؟
    طراحی سایت

    bit.ly چیست ؟

    بیتلی یا bitly یکی از شناخته‌شده‌ترین سرویس‌های کوتاه کننده لینک است. این سایت با نشانی https://bit.ly در سال ۲۰۰۸ تاسیس شد. یک کوتاه کننده‌ی لینک وظیفه دارد تا لینک‌های مورد نظر کاربران را به شکل کوتاه و قابل خواندن و نوشتن تبدیل کند. این سرویس در هر ماه حدود ۶۰۰ میلیون لینک کاربران را کوتاه می‌کند.علت استفاده از...

    1140
    27 آذر 1398
    آموزش کار با افزونه دکان (چند فروشندگی)
    برنامه نویسی

    آموزش کار با افزونه دکان (چند فروشندگی)

    آموزش کار با افزونه دکان (چند فروشندگی)افزونه دکان در طراحی سایت فروشگاهی مورد استفاده قرار می گیرد. طراحی سایت در این مورد به گونه ای است که در یک وب سایت، چندین فروشنده امکان قرار دادن و فروش محصولات خود را، در پنل های جداگانه دارند.برای عضویت و قرار دادن محصولات در آن ابتدا وارد وب سایت مورد نظر که با افزونه دکان ایجاد شده است، شوید....

    886
    04 دی 1397