تعریف و کاربرد تگ tbody در HTML
تگ <tbody> محتویات بدنه یک جدول را گروه بندی می کند.
تگ <tbody> همراه با تگ <thead> ( عناوین ستونها (header)) و <tfoot> ( محتویات انتهای ستونها(footer)) برای مشخص کردن هر قسمت از جدول استفاده می شوند.
مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.
طریقه قرار گیری تگ <tbody>: تگ <tbody> داخل تگ <table> قرار می گیرد و پس از عناصر <caption> و <colgroup> و عنصر <thead> می آید.
نکته ها و ترفندها
- تگ <tbody> باید حداقل یک تگ <tr> درون خود داشته باشد.
- تگ های <thead>, <tbody>, و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.
- خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.
مثال از تگ در HTML
<table>
<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>
تمرین کنید !
پشتیبانی مرورگرها از تگ tbody در HTML
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<tbody> | بله | بله | بله | بله | بله |
جدول صفات تگ tbody در HTML
نام صفت | مقدار | توضیح |
align | right left center justify char |
در HTML5 پشتیبانی نمی شود.
تراز یا موقعیت قرار گیری متن درون تگ tbody را مشخص می کند. |
char | character | در HTML5 پشتیبانی نمی شود.
تراز محتوای درون تگ tbody را بر اساس کاراکتر مشخص می کند. |
charoff | number | در HTML5 پشتیبانی نمی شود.
تعداد کاراکترهای موجود در تگ tbody را که توسط صفت char مشخص شده است را مشخص می کند. |
valign | top middle bottom baseline |
در HTML5 پشتیبانی نمی شود.
تراز محتوای موجود در تگ tbody را بصورت عمودی مشخص می کند. |