آموزش HTML – تگ thead

تعریف و کاربرد تگ 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