تگ tfoot در HTML
مثال (تگ tfoot در HTML)
یک جدول HTML با استفاده از عناصر <tfoot> ،<thead> و <tbody>::
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
خودتان امتحان کنید »
تعریف و کاربرد تگ tfoot در HTML
تگ <tfoot> برای گروه محتویات پایانی یک جدول HTML استفاده می شود.
تگ <tfoot> همراه با عناصر <thead> ( عناوین ستونها (header)) و <tbody> (بدنه اصلی(body))برای مشخص کردن هر قسمت از جدول استفاده می شوند.
مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.
طریقه قرار گیری تگ <tfoot>: تگ <tfoot> داخل تگ <table> قرار می گیرد پس از عناصر <caption> ، <colgroup> و عنصر <thead> و قبل از عناصر <tbody> و <tr> می آید.
پشتیبانی مرورگرها از تگ tfoot در HTML
عنصر | |||||
---|---|---|---|---|---|
<tfoot> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: تگ <tfoot> باید حداقل یک تگ <tr> درون خود داشته باشد.
نکته: عناصر <thead> ،<tbody> و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.
خصوصیت ها
خصوصیت | مقدار | توضیحات |
---|---|---|
align | right left center justify char |
در HTML5 پشتیبانی نمی شود.. نحوه ترازبندی محتویات درون عنصررا مشخص می کند. |
char | character | در HTML5 پشتیبانی نمی شود.. نحوه ترازبندی محتویات درون عنصربرای کاراکتر را مشخص می کند. |
charoff | number | در HTML5 پشتیبانی نمی شود.. مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود، تا متن درون عنصررا تراز بندی کند. |
valign | top middle bottom baseline |
در HTML5 پشتیبانی نمی شود.. نحوه ترازبندی عمودی محتویات درون عنصررا مشخص می کند. |
ویژگی های عمومی تگ tfoot در HTML
تگ <tfoot> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ tfoot در HTML
تگ <tfoot> از رویدادهای عمومی در HTML پشتیبانی می کند.
- نوشته شده توسط سمیه فخری
- بازدید: 9671