HTML <th> Tag
تگ <th> در HTML سلولی از جدول را به عنوان سرتیتر سایر سلول های جدول مشخص می کند.
مثال:
<table>
<tr>
<th>شماره</th>
<th>نام</th>
<th>نام خانوادگی</th>
<th>سن</th>
</tr>
<tr>
<td>۱</td>
<td>علی</td>
<td>محمدی</td>
<td>۲۳</td>
</tr>
<tr>
<td>۲</td>
<td>مریم</td>
<td>یوسفی</td>
<td>۲۰</td>
</tr>
<tr>
<td>۳</td>
<td>حمید</td>
<td>اصلانی</td>
<td>۳۴</td>
</tr>
</table>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
در جدول بالا میبینیم که سلول های ردیف اول به عنوان سر تیتر (هدر) مشخص شده است.
صفت ها (Attributes)
abbr
این صفت عبارت کوتاه شدۀ محتوای سلول را مشخص می کند.
colspan
این صفت مشخص می کند که سلول جدول به اندازه چند ستون (بصورت افقی) گسترش پیدا کند. مقدار پیشفرض آن 1 است.
headers
سلول های جدول با استفاده از این صفت که مقدار آن، مقدارِ id های سلول های دیگر است، با آنها ارتباط برقرار می کند.
rowspan
این صفت مشخص می کند که سلول جدول به اندازه چند ردیف (بصورت عمودی) گسترش پیدا کند. مقدار پیشفرض آن 1 می باشد.
scope
مشخص می کند که سلول های هدر (سرتیتر) با کجا در ارتباط هستند. این صفت چهار مقدار دارد که عبارتند از:
row:
سر تیتر (هدر) با تمام سلول های هم ردیف خود در ارتباط قرار می گیرد.col:
سر تیتر (هدر) با تمام سلول های هم ستونی خود در ارتباط قرار می گیرد.rowgroup:
سر تیتر (هدر) با گروهی از ردیف ها و سلول های آنها در ارتباط قرار می گیرد.colgroup:
سر تیتر (هدر) با گروهی از ستون ها و سلول های آنها در ارتباط قرار می گیرد.
دو مثال برای صفت های rowspan و colspan:
html
<table>
<tr>
<th>نام:</th>
<td>فرهاد</td>
</tr>
<tr>
<th>ایمیل:</th>
<td>farhad@example.com</td>
</tr>
<tr>
<th rowspan="2">تلفن:</th>
<td>۹۹۸۸۷۷۶۶</td>
</tr>
<tr>
<td>۶۶۵۵۴۴۳۳</td>
</tr>
</table>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
html
<table>
<thead>
<tr>
<th colspan="3">فاکتور</th>
</tr>
</thead>
<tr>
<td>۱</td>
<td>سرویس</td>
<td>۵۰,۰۰۰</td>
</tr>
<tr>
<td>۲</td>
<td>خدمات پس از فروش</td>
<td>۳۰,۰۰۰</td>
</tr>
<tfoot align="center">
<tr>
<td colspan="3">
مجموع: ۸۰,۰۰۰ تومان
</td>
</tr>
</tfoot>
</table>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.
