آموزش HTML – تگ tbody

تعریف و کاربرد تگ 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