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

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <tbody> در HTML می پردازیم.

تگ <tbody> در HTML

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

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

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

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

طریقه قرار گیری تگ <tbody>:

تگ <tbody> داخل تگ table قرار می گیرد و پس از تگ caption و تگ colgroup و تگ thead می آید.

مثال در مورد تگ <tbodyدر اچ تی ام ال

[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>[/html]

خروجی کد در مرورگر اینترنتی

MonthSavings
Sum$180
January$100
February$80

بررسی تگ <tbody> در HTML 4.01 و HTML5

هیچکدام از خصوصیت های ویژه تگ <tbody> در HTML5 پشتیبانی نمی شود.

خصوصیات ویژه تگ <tbody> در اچ تی ام ال

خصوصیتمقدارتوضیحات
alignright
left
center
justify
char
در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون عنصر<tbody> را مشخص می کند.
charcharacterدر HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون عنصر <tbody> برای کاراکتر را مشخص می کند.
charoffnumberدر HTML5 پشتیبانی نمی شود.
مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون عنصر <tbody> را تراز بندی کند.
valigntop
middle
bottom
baseline
در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی عمودی محتویات درون عنصر <tbody> را مشخص می کند.

ویژگی های عمومی تگ <tbody> در HTML

تگ <tbody> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <tbody> در HTML

تگ <tbody> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پشتیبانی مرورگرها از تگ <tbody> در اچ تی ام ال

تگ <tbody> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ tbody در HTML بدنه جدول در سند – اختصاصی سایت آموزی