تگ thead در HTML

  /  فرانت اند   /  HTML   /  تگ thead در HTML

با استفاده از تگ thead در HTML یک هدر ثابت برای جدول مان ایجاد می کنیم.

مثال

در مثال زیر یک جدول با عناصر <thead> و <tbody> و <tfoot> ایجاد کرده ایم:

<table>
<thead>
<tr>
<th>ماه</th>
<th>ذخیره</th>
</tr>
</thead>
<tbody>
<tr>
<td>خرداد</td>
<td>$100</td>
</tr>
<tr>
<td>دی</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>فروردین</td>
<td>$180</td>
</tr>
</tfoot>
</table>


تعریف و کاربرد

از تگ thead در HTML برای گروه بندی محتوای هدر در یک جدول استفاده می کنیم.

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

توجه: عنصر <thead> باید یک یا چند تگ <tr> درون خود داشته باشد.

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

توجه: تگ <thead> اولین فرزند عنصر <table> می باشد ، یعنی بعد از باز کردن تگ <table> باید از تگ <thead> استفاده کنید.


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

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

خواص عمومی

تگ thead از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ thead از رویداد های عمومی در HTML پشتیبانی میکند.

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

اکثر مرورگر ها عنصر thead در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر