معرفی و کاربرد تگ thead در HTML
معرفی و کاربرد تگ thead در HTML گروه های هدر جدول HTML5
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <thead> در HTML می پردازیم.
تگ <thead> در اچ تی ام ال
تگ <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
<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 | $180 |
January | $100 |
February | $80 |
بررسی تگ <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> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
معرفی و کاربرد تگ thead در HTML گروه های هدر جدول HTML5 – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید