تعریف و کاربرد تگ thead در HTML
تگ <thead> تگی است که در درون تگ Table مورد استفاده قرار می گیرد و با استفاده از آن می توان یک هدر یا سربرگ ثابتی را برای جدول مان ایجاد و تعریف نماییم.
اینکه میگم ثابت یعنی اینکه شما یکبار هدرتون رو تعریف می کنید و این هدر بصورت ثابت در قسمت بالایی جدول قرار می گیرد ، و در ادامه اگه خواستید هدر رو ویرایش کنید خیلی راحت می تونید این کار رو انجام بدید.
تگ <thead> (عناوین ستون ها(header)) همراه با تگ <tbody> (بدنه اصلی(body)) و <tfoot> (محتویات انتهایی ستون(footer))برای مشخص کردن هر قسمت از جدول استفاده می شود.
مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.
طریقه قرار گیری تگ <thead>: تگ <thead> داخل تگ <table> قرار می گیرد و پس از تگ <caption> و <colgroup> و قبل از عناصر <tbody> و <tfoot> و عنصر <tr> می آید.
نکته ها و ترفندها
- تگ <thead> باید حداقل یک تگ <tr> درون خود داشته باشد.
- تگ <thead> ،<tbody> و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.
مثال از تگ thead در HTML
<table border="1">
<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>
تمرین کنید !
پشتیبانی مرورگرها از تگ thead در HTML
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<thead> | بله | بله | بله | بله | بله |
جدول صفات تگ thead در HTML
نام صفت | مقدار | توضیح |
align | right left center justify char |
در HTML5 پشتیبانی نمی شود.
تراز یا موقعیت قرارگیری متن موجود در تگ thead را مشخص می کند. |
char | character | در HTML5 پشتیبانی نمی شود.
تراز محتوای درون تگ thead را بر اساس کاراکتر مشخص می کند. |
charoff | number | در HTML5 پشتیبانی نمی شود.
تعداد کاراکترهای موجود در تگ thead را که توسط صفت char مشخص شده است را مشخص می کند |
valign | top middle bottom baseline |
در HTML5 پشتیبانی نمی شود.
تراز محتوای موجود در تگ thead را بصورت عمودی مشخص می کند. |