معرفی و کاربرد تگ thead در HTML گروه های هدر جدول HTML5

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

تگ <thead> در اچ تی ام ال

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

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

عنصر <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

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

معرفی و کاربرد تگ thead در HTML گروه های هدر جدول HTML5

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

Month Savings
Sum $۱۸۰
January $۱۰۰
February $۸۰

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

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

خصوصیات ویژه تگ <thead> در HTML

خصوصیت مقدار توضیحات
align right
left
center
justify
char
در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی داخل عنصر <thead> را مشخص می کند.
char character در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی داخل عنصر <thead> برای کاراکتر را مشخص می کند.
charoff number در HTML5 پشتیبانی نمی شود.
مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون عنصر <thead> را تراز کند.
valign top
middle
bottom
baseline
در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی عمودی محتویات درون عنصر<thead> را مشخص می کند.

ویژگی های عمومی تگ <thead> در اچ تی ام ال

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تگ های HTML در W3school

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

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

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