آموزش تگ توضیحات در HTML

سلام خدمت ماکو سافتی های عزیز ، امیدوارم که حال همتون خوب باشه. لطفا در ادامه با آموزش تگ توضیحات در HTML با ما همراه باشید.

آنچه در این جلسه میخوانید :

1 : تگ توضیحات در HTML

2 : نحوه استفاده

3 : مثال از تگ توضیحات در HTML

4 : پشتیبانی مرورگرها

5 : پشتیبانی از صفات و رویدادهای عمومی

6 : نکات و توضیحات

7 : دستورات CSS پیش فرض

تگ توضیحات در HTML

تگ توضیحات یا به انگلیسی کامنت یکی از تگ های زبان HTML می باشد که ما با استفاده از آن میتوانیم بخش های مختلف یک فایل HTML را برای خوانایی بهتر توضیح دهیم.

توضیحاتی که با استفاده از این تگ ایجاد می شوند در مرورگرها نمایش داده نمی شوند و فقط در سورس کد فایل HTML قابل مشاهده می باشند که میتواند باعث خوانایی بهتر/بیشتر کدها و دستورات فایل شود.

توضیحات شرطی

نوع دیگری از توضیحات داریم به اسم توضیحات شرطی، یعنی توضیحاتی که بتونن طبق یک شرط خاص اجرا بشوند، یعنی مثلا بگیم این توضیح با فلان متن فقط در مرورگر IE نسخه ۶ اجرا شود و…

توضیحات شرطی فقط در مرورگر IE عمل میکنند.

نحوه استفاده

برای ایجاد توضیحات یا درج توضیحات در HTML همونطور که گفتم ما باید از تگ توضیحات استفاده نماییم. که شکل کلی این تگ بصورت زیر می باشد.

اول یک علامت کوچکتری (>) باز میکنیم سپس علامت ! میگذاریم سپس ۲عدد (- -) سپس توضیحات مورد نظرمون رو وارد مینماییم و در نهایت برای بستن تگ ۲عدد (- -) میگذاریم و سپس علامت بزرگتری (<).

<!-- توضیحات در اینجا قرار میگیرد -->

نحوه استفاده از توضیحات شرطی

<!--[if IE 6]>
 متن توضیح در اینجا قرار میگیرد
<![endif]-->

مثال از تگ توضیحات در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

<!DOCTYPE html>
<html>
<body>

<!-- این یک تگ پاراگراف می باشد-->
<p>Www.makusoft.Ir</p>

<!-- اینم برای عکس گذاشتن در صفحه-->
<img src="http://makusoft.ir/html-learn/cat.gif">

<!--
<p>Salam Khobi?</p>
-->

</body>
</html>

مثال شماره ۲ : استفاده از توضیحات شرطی بصورت ساده

<!DOCTYPE html>
<html>
<body>

<!--[if IE 5]>
برای اکسپلورر نسخه 5
<![endif]-->

<!--[if IE 6]>
برای اکسپلورر نسخه 6
<![endif]-->

<!--[if IE 7]>
برای اکسپلورر نسخه 7
<![endif]-->

<!--[if IE 8]>
برای اکسپلورر نسخه 8
<![endif]-->

<!--[if IE 9]>
برای اکسپلورر نسخه 9
<![endif]-->

<p>ماکو سافت مرجع کد و ابزار وب</p>

</body>
</html>

مثال شماره ۳ : توضیحات شرطی با اجرای شرط اجرای دستورات CSS ( یعنی دستورات CSS موجود در مثال زیر فقط در مرورگر نسخه ۸ اجرا می شود )

<!DOCTYPE html>
<html>
<head>
<!--[if IE 8]>
<style>
body {
 background-color:red;
 color:white;
}
</style>
<![endif]-->
</head>
<body>

<p>ماکو سافت مرجع کد و ابزار وب</p>

</body>
</html>

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ <--.--!> در HTML پشتیبانی میکنند یا خیر.

نام مرورگر	Chrome	Firefox	Opera	Safari	IE
پشتیبانی	بله	بله	بله	بله	بله

پشتیبانی از صفات و رویدادهای عمومی

تگ توضیحات از صفات عمومی و رویدادهای عمومی HTML پشتیبانی نمی کند.

نکات و توضیحات

هرچیزی که در بین تگ توضیحات قرار بگیرد در مرورگرها نمایش داده نخواهد شد.

اگر بخواهید تکه کدی در یک فایل HTML بماند و پاک نشود ولی همان کد نیز در مرورگرها نمایش داده نشود میتوانید آن را در بین تگ توضیحات قرار دهید.

دستورات CSS پیش فرض

این تگ هیچ دستور CSS پیش فرضی ندارد.