معرفی و کاربرد تگ tfoot در HTML

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

تگ <tfoot> در HTML

معرفی و کاربرد تگ tfoot در HTML

معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | معرفی و کاربرد تگ tfoot در HTML | 

تعریف و کاربرد تگ tfoot در HTML

تگ <tfoot> برای گروه محتویات پایانی یک جدول HTML استفاده می شود.

تگ <tfoot> همراه با تگ thead ( عناوین ستونها (header)) و تگ tbody (بدنه اصلی(body))برای مشخص کردن هر قسمت از جدول استفاده می شوند.

مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.

طریقه قرار گیری تگ <tfoot> :

تگ <tfoot> داخل تگ table قرار می گیرد پس از تگ caption و تگ  colgroup و عنصر <thead> و قبل از عناصر <tbody> و <tr> می آید.

تگ <tfoot> باید حداقل یک تگ tr درون خود داشته باشد.

عناصر <thead> ،<tbody> و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند.

با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.

مثال در مورد تگ <tfootدر html

خروجی کد در مرورگر اینترنتی

MonthSavings
January$100

بررسی تگ <tfoot> در HTML 4.01 و HTML5

هیچکدام از خصوصیت های ویژه تگ <tfoot> در HTML5 پشتیبانی نمی شود.

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

خصوصیتمقدارتوضیحات
autofocusautofocusاین خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد.
colsnumberپهنا را برای text area مشخص می کند.
disableddisabledمشخص می کند که  text area باید به صورت غیر فعال باشد.
formform_idاین خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند.
maxlengthnumberتعداد maximum کاراکتری که عنصر text area در خود جای می دهد.
nametextیک  name برای text area مشخص می کند.
placeholdertextیک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود.
readonlyreadonlyمشخص می کند که text area فقط خواندنی است.
requiredrequiredمشخص می کند که پر کردن text area قبل از ارسال فرم باید انجام شود.
rowsnumberتعداد سطرهای قابل مشاهده در text area را مشخص می کند.
wraphard
soft
Specifies how the text in a text area is to be wrapped when submitinted  a form

ویژگی های عمومی تگ <tfoot> در HTML

تگ <tfoot> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <tfoot> در HTML

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

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

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

معرفی و کاربرد تگ tfoot در HTML – اختصاصی سایت آموزی