تگ tbody در HTML

در این مقاله با تگ tbody در HTML آشنا می شویم.

نکات اصلی تگ tbody

• از تگ های  tbody برای تبدیل مجموعه ای از ردیف های جدول به جدول استفاده می شود.
• یک عنصر tbody باید حداقل شامل یک عنصر <tr> باشد.
• این عنصر همراه با تگ <thead> و <tfoot> استفاده می شود.
• چیدمان جدول تحت تأثیر عناصر <tfoot> و <tbody> و <thead> نخواهد بود. با استفاده از CSS آن را سبک کنید.

استفاده از تگ tbody در HTML

تگ های tbody در HTML ردیف های داده ای را که شامل آن ها است به عنوان جدول تعریف می کنند:

<table>
 <tbody>
  <tr>
    <td>Long Island</td>
    <td>45</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Geeky stuff</td>
    <td>85</td>
    <td>90</td>
  </tr>
  <tr>
    <td>StayAtHomeMart</td>
    <td>25</td>
    <td>30</td>
  </tr>
  <tr>
    <td>BestBuy</td>
    <td>60</td>
    <td>10</td>
  </tr>
 </tbody>
</table>

اگر جدول شامل عنصری <thead> باشد ، <tbody> باید بعد از آن قرار گیرد.

همه ردیف های جدول به جز پاورقی ها و سرصفحه ها باید در یک عنصر tbody وجود داشته باشند. شما نمی توانید عناصر<tr> داشته باشید که از فرزندان <table> باشند اما در تگ های tbody پیچیده نشده باشند.

توجه: برای تقسیم ردیف ها به بخش ها می توانید از چند عنصر tbody در جدول استفاده کنید. با این حال ، آن ها باید پشت سر هم باشند.

تنظیمات پیش فرض CSS

عنصر <tbody> با این مقادیر پیش فرض توسط اکثر مرورگرها نمایش داده می شود:

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

ویژگی های منسوخ شده تگ tbody

چهار ویژگی تگ وجود دارد که می توانید با تگ های tbody استفاده کنید. با این حال ، آن ها در HTML4.01 منسوخ شده و به طور کامل در HTML5 حذف شده اند. آن ها را بشناسید ، اما از آن ها در کدهای خود استفاده نکنید.

align ترازبندی محتوای داخل عنصر <tbody> را تعریف کرد:

<tbody align="right">

توجه: به جای تراز کردن ، از ویژگی CSS-align استفاده کنید.

char ترازبندی محتوای داخل عنصر <tbody> را بر روی یک کاراکتر تنظیم می کند:

<tbody align="char" char=".">

charoff تعداد کاراکترها را برای جبران محتوای کاراکتر تعریف شده توسط char مشخص کرد:

<tbody align="char" char="." charoff="2">

مقدار عنصر <tbody> را به صورت عمودی تراز کنید:

<tbody valign="bottom">

توجه: به جای Valign از ویژگی CSS vertical-align استفاده کنید.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.