تگ caption و کاربرد آن در HTML

تگ caption و کاربرد آن در HTML

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

تگ caption و کاربرد آن در HTML

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

توجه داشته باشید که برای هر جدول تنها یک عنوان میتوانید تعیین کنید.

به مثال زیر توجه کنید :

 

متن فوق را در یک ادیتور مانند notepad کپی کرده و آن را با پسوند html ذخیره کنید . با کلیک بر روی فایل ایجاد شده ، میتوانید نتیجه کدهای نوشته شده در فایل را در مروگر مشاهده کنید:

تگ caption و کاربرد آن در HTML

تگ caption و کاربرد آن در HTML

نکته: به طور پیش فرض، این عنوان در وسط و بالای جدول قرار میگیرد. با این حال، با استفاده از خاصیت text-align و caption-side در CSS می توان محل قرارگیری آن را تنظیم کرد.

تفاوت بین HTML 4.01 و HTML5

خاصیت align  در HTML5  پشتیبانی نمی شود.

خاصیت ها

تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .

۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:

خاصیت ویژه عنصر

خاصیت عمومی

خاصیت رویداد

خاصیت ویژه عنصر 

خاصیت هامقدارتوضیحات
alignleft
right
top
bottom
این خاصیت در HTML5 پشتیبانی نمی شود.

 

تعیین میکند که عنوان جدول در کدام جهت تراز شود.

خاصیت های عمومی

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

accesskeyhiddenitemtype
classidlang
contenteditableinertspellcheck
contextmenuitemidstyle
diritemproptabindex
draggableitemreftitle
dropzoneitemscopetranslate

خاصیت های رویداد

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

onabortonendedonmousewheel
oncancelonerroronpause
onbluronfocusonplay
oncanplayonformchangeonplaying
oncanplaythroughonforminputonprogress
onchangeoninputonratechange
onclickoninvalidonreadystatechange
oncontextmenuonkeydownonscroll
ondblclickonkeypressonseeked
ondragonkeyuponseeking
ondragendonloadonselect
ondragenteronloadeddataonshow
ondragexitonloadedmetadataonstalled
ondragleaveonloadstartonsubmit
ondragoveronmousedownonsuspend
ondragstartonmousemoveontimeupdate
ondroponmouseoutonvolumechange
ondurationchangeonmouseoveronwaiting
onemptiedonmouseup

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

برچسب <caption> در همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *