معرفی و کاربرد تگ caption در HTML عنوان جدول سند اچ تی ام ال

معرفی و کاربرد تگ caption در HTML عنوان جدول سند - سایت آموزی

در این مقاله از سایت آموزی به معرفی و کاربرد تگ <caption> در HTML می پردازیم.

تگ caption در اچ تی ام ال

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

تگ <caption> برای جدول یک عنوان معرفی می کند. و می بایست بلافاصله بعد از تگ table بیاید.

تگ <caption> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

تگ <caption> حتما بایستی درون تگ table استفاده شود.

نکته مهم :

تگ <caption> برای هر جدول تنها یک عنوان می سازد. برای یک جدول چندین عنوان نمی توان ساخت.

به طور پیش فرض عنوان جدول در وسط و بالای جدول قرار می گیرد.

اگر چه با استفاده از خصوصیت text-align و خصوصیت caption-side در CSS می توان عنوان را در جای دیگر تراز کرد.

بررسی تگ <caption> در HTML4.0.1 و HTML5

تگ <caption> در هر دو نسخه HTML4.0.1 و HTML5 وجود داشته و کاربرد آن تفاوتی نداشته است.

ویژگی های خصوصی تگ <caption> در HTML

تنها خصوصیت align را در نسخه های قدیمی تر HTML پشتیبانی می کرد ، که توسط HTML5 پشتیبانی نمی شود.

ویژگی های عمومی تگ <caption> در اچ تی ام ال

تگ <caption> از کلیه خصوصیات عمومی در HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ <caption> در HTML

تقریبا تمام مرورگرهای معتبر اینترنتی اعم از اپرا ، فایرفاکس ، گوگل کروم ، سافاری و اینترنت اکسپلورر از تگ <caption> پشتیبانی می کنند.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ caption در HTML عنوان جدول سند اچ تی ام ال – اختصاصی سایت آموزی