معرفی و کاربرد تگ 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]<textarea rows=”4″ cols=”50″>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>[/html]

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

MonthSavings
January$100

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

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

خصوصیات ویژه تگ <tfoot> در اچ تی ام ال

خصوصیتمقدارتوضیحات
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 پشتیبانی می کند.

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

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

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

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

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

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

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

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

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

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

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

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

تگ های HTML در W3school

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

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

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