آموزش طراحی سایت (HTML CSS Javascript) | آتریا

تگ tbody در HTML

مثال (تگ tbody در HTML)

یک جدول HTML با استفاده از عناصر <thead> ،<tfoot> و <tbody>:

<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

تگ <tbody> محتویات بدنه یک جدول را گروه بندی می کند.

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

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

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

پشتیبانی مرورگرها از تگ tbody در HTML

عنصر
<tbody>	بله	بله	بله	بله	بله

نکته ها و ترفندها

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

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

تفاوت بین HTML 4.01 و HTML5

خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	right left center justify char	در HTML5 پشتیبانی نمی شود. نحوه ترازبندی محتویات درون عنصر<tbody> را مشخص می کند.
char	character	در HTML5 پشتیبانی نمی شود. نحوه ترازبندی محتویات درون عنصر <tbody> برای کاراکتر را مشخص می کند.
charoff	number	در HTML5 پشتیبانی نمی شود. مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون عنصر <tbody> را تراز بندی کند.
valign	top middle bottom baseline	در HTML5 پشتیبانی نمی شود. نحوه ترازبندی عمودی محتویات درون عنصر <tbody> را مشخص می کند.