معرفی و کاربرد تگ caption در HTML
معرفی و کاربرد تگ caption در HTML عنوان جدول سند اچ تی ام ال
در این مقاله از سایت آموزی به معرفی و کاربرد تگ <caption> در HTML می پردازیم.
اغلب ویرایشگرها و یا کپی رایتر ها فرض میکنند که یک جدول به تنهایی واضح و کامل بوده و نیاز به هیچ توضیح و مرجعی ندارند . به عنوان مثال، اگر به وب سایت های بزرگ ورزشی مراجعه کنید به کرات جداولی از آمارها و نتایج مختلف را مشاهده می کنید که تنها زمانی قابل درک خواهند بود که حاوی اطلاعات کامل باشند ، اگر این جداول ترکیبی از اعداد و اختصارات نامعلوم باشد خوانندگان درک درستی از آن نخواهند داشت بنابراین بهتر است یک جدول شامل یک قطعه توضیحی کوتاه باشد تا جزئیات جدول را به خوبی مشخص کند.
تگ <caption> برای جدول یک عنوان معرفی می کند. و می بایست بلافاصله بعد از تگ table بیاید.
تگ <caption> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.
تگ <caption> حتما بایستی درون تگ table استفاده شود.
نکته مهم :
تگ <caption> برای هر جدول تنها یک عنوان می سازد. برای یک جدول چندین عنوان نمی توان ساخت.
به طور پیش فرض عنوان جدول در وسط و بالای جدول قرار می گیرد.
اگر چه با استفاده از خصوصیت text-align و خصوصیت caption-side در CSS می توان عنوان را در جای دیگر تراز کرد.
تگ <caption> در هر دو نسخه HTML4.0.1 و HTML5 وجود داشته و کاربرد آن تفاوتی نداشته است.
تنها خصوصیت align را در نسخه های قدیمی تر HTML پشتیبانی می کرد ، که توسط HTML5 پشتیبانی نمی شود.
تگ <caption> از کلیه خصوصیات عمومی در HTML پشتیبانی می کند.
تقریبا تمام مرورگرهای معتبر اینترنتی اعم از اپرا ، فایرفاکس ، گوگل کروم ، سافاری و اینترنت اکسپلورر از تگ <caption> پشتیبانی می کنند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ caption در HTML عنوان جدول سند اچ تی ام ال – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید