%35 تخفیف، با کد MiladeRasol روی تمام آموزش ها، بمناسبت میلاد رسول اکرم(ص)
زمان باقی مانده (تمدید شد)

تگ thead در HTML

مثال (تگ thead در HTML)

یک جدول HTML با استفاده از عناصر <thead> ،<tfoot> و <tbody>::

<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>

خودتان امتحان کنید »

تعریف و کاربرد تگ thead در HTML

تگ <thead> برای گروه هدرها درون جدول HTML استفاده می شود.

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

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

طریقه قرار گیری تگ <thead>: تگ <thead> داخل تگ <table> قرار می گیرد و پس از عناصر <caption> و <colgroup> وقبل از عناصر <tbody> و <tfoot> و عنصر <tr> می آید.


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

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

نکته ها و ترفندها

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

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


تفاوت بین HTML 4.01 و HTML5

هیچکدام از خصوصیت موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.


خصوصیت ها

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

ویژگی های عمومی تگ thead در HTML

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


رویدادهای عمومی تگ thead در HTML

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

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان