آموزش تگ توضیحات در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ توضیحات در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ توضیحات در HTML
تگ توضیحات یا به انگلیسی کامنت یکی از تگ های زبان HTML می باشد که ما با استفاده از آن میتوانیم بخش های مختلف یک فایل HTML را برای خوانایی بهتر توضیح دهیم.
توضیحاتی که با استفاده از این تگ ایجاد می شوند در مرورگرها نمایش داده نمی شوند و فقط در سورس کد فایل HTML قابل مشاهده می باشند که میتواند باعث خوانایی بهتر/بیشتر کدها و دستورات فایل شود.
توضیحات شرطی
نوع دیگری از توضیحات داریم به اسم توضیحات شرطی، یعنی توضیحاتی که بتونن طبق یک شرط خاص اجرا بشوند، یعنی مثلا بگیم این توضیح با فلان متن فقط در مرورگر IE نسخه ۶ اجرا شود و…
Free-Learn
نحوه استفاده
برای ایجاد توضیحات یا درج توضیحات در HTML همونطور که گفتم ما باید از تگ توضیحات استفاده نماییم. که شکل کلی این تگ بصورت زیر می باشد.
اول یک علامت کوچکتری (>) باز میکنیم سپس علامت ! میگذاریم سپس ۲عدد (- -) سپس توضیحات مورد نظرمون رو وارد مینماییم و در نهایت برای بستن تگ ۲عدد (- -) میگذاریم و سپس علامت بزرگتری (<).
1 |
<!-- توضیحات در اینجا قرار میگیرد --> |
نحوه استفاده از توضیحات شرطی
1 2 3 |
<!--[if IE 6]> متن توضیح در اینجا قرار میگیرد <![endif]--> |
Free-Learn
مثال از تگ توضیحات در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<body> <!-- این یک تگ پاراگراف می باشد--> <p>Www.Free-Learn.Ir</p> <!-- اینم برای عکس گذاشتن در صفحه--> <img src="images/cat.gif"> <!-- <p>Salam Khobi?</p> --> </body> |
مثال شماره ۲ : استفاده از توضیحات شرطی بصورت ساده
1 2 3 4 5 6 7 8 9 10 11 |
<body> <!--[if IE 6]> برای اکسپلورر نسخه 6 <![endif]--> <!--[if IE 9]> برای اکسپلورر نسخه 9 <![endif]--> </body> |
مثال شماره ۳ : توضیحات شرطی با اجرای شرط اجرای دستورات CSS ( یعنی دستورات CSS موجود در مثال زیر فقط در مرورگر نسخه ۸ اجرا می شود )
1 2 3 4 5 6 7 8 |
<!--[if IE 8]> <style> body { background-color:red; color:white; } </style> <![endif]--> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ <--.--!>
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ توضیحات از صفات عمومی و رویدادهای عمومی HTML پشتیبانی نمی کند.
Free-Learn
نکات و توضیحات
هرچیزی که در بین تگ توضیحات قرار بگیرد در مرورگرها نمایش داده نخواهد شد.
اگر بخواهید تکه کدی در یک فایل HTML بماند و پاک نشود ولی همان کد نیز در مرورگرها نمایش داده نشود میتوانید آن را در بین تگ توضیحات قرار دهید.
Free-Learn
دستورات CSS پیش فرض
این تگ هیچ دستور CSS پیش فرضی ندارد.