تعریف و کاربرد تگ th در HTML
تگ <th> تگی است که درون تگ Table مورد استفاده قرار می گیرد و با استفاده از آن می توان ستون ها (سرستون) های یک جدول را ایجاد و یا تعریف کرد.
جدول HTML دو نوع سلول را تعریف می کند:
- سلول Header – شامل اطلاعات هدر (توسط عنصر <th> ایجاد می شود)
- سلول استاندارد – شامل داده ها (توسط عنصر <td> ایجاد می شود)
متن در عنصر <th> به طور پیش فرض به صورت برجسته (bold) و وسط چین می باشد.
متن در عنصر <td> به طور پیش فرض به صورت منظم و در تراز چپ قرار می گیرد.
دو خصوصیت colspan و rowspan امکان طول محتوای بیش از چند ستون یا سطر را می دهند.
مثال از تگ th در HTML
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
تمرین کنید !
پشتیبانی مرورگرها از تگ th در HTML
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<th> | بله | بله | بله | بله | بله |
جدول صفات تگ th در HTML
نام صفت | مقدار | توضیح |
abbr | text | برای مشخص کردن یک مخفف (اختصار) از سلول های جدول |
align | left right center justify char |
در HTML5 پشتیبانی نمی شود.
موقعیت یا تراز قرار گیری محتوای سلول ها را مشخص می کند. |
axis | category_name | در HTML5 پشتیبانی نمی شود.
برای دسته بندی (کَتِگوری) کردن سلول های جدول. |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
در HTML5 پشتیبانی نمی شود.
برای مشخص کردن رنگ پس زمینه سلول ها استفاده می شود. |
char | character | در HTML5 پشتیبانی نمی شود.
تراز محتوای درون تگ th را بر اساس کاراکتر مشخص می کند. |
charoff | number | در HTML5 پشتیبانی نمی شود.
تعداد کاراکترهای موجود در تگ th را که توسط صفت char مشخص شده است را مشخص می کند. |
colspan | number | برای ادغام کردن ستون های یک جدول استفاده می شود. |
headers | header_id | مشخص می کند که فلان سلول (td) مرتبط یا متعلق به فلان ستون (th) می باشد. |
height | pixels
% |
در HTML5 پشتیبانی نمی شود.
برای تنظیم اندازه ارتفاع سلول های جدول استفاده می شود. |
nowrap | nowrap | در HTML5 پشتیبانی نمی شود.
مشخص می کند که محتوای درون تگ th نباید شکسته شود و به سطر بعد برود. |
rowspan | number | برای ادغام کردن سطرهای یک جدول استفاده می شود. |
scope | col colgroup row rowgroup |
روشی را برای مرتبط کردن سلول های یک جدول با ستون های آن جدول مشخص می کند. |
valign | top middle bottom baseline |
در HTML5 پشتیبانی نمی شود.
تراز محتوای موجود در تگ th را بصورت عمودی مشخص میکند. |
width | pixels
% |
در HTML5 پشتیبانی نمی شود.
برای تنظیم اندازه عرض سلول های جدول استفاده می شود. |
sorted | reversed number reversed number number reversed |
برای سورت کردن (مرتب سازی بر اساس) ستون های جدول استفاده می شود. |