تگ TH در HTML: راهنمای جامع
تگ <th> یکی از عناصر کلیدی در ساخت جداول HTML محسوب می‌شود که برای تعریف سلول‌های عنوان در جدول به کار می‌رود. این تگ معمولاً در اولین ردیف جدول (یا ستون) قرار می‌گیرد و محتوای آن به صورت پیش‌فرض پررنگ و وسط‌چین نمایش داده می‌شود.
تگ TH مخفف Table Header است و نقش مهمی در دسترسی‌پذیری و سئوی صفحات وب ایفا می‌کند.
تفاوت TH با TD
| ویژگی |
تگ TH |
تگ TD |
| کاربرد |
سلول‌های عنوان |
سلول‌های داده |
| سبک پیش‌فرض |
پررنگ و وسط‌چین |
معمولی و چپ‌چین |
ویژگی‌های مهم تگ TH
- colspan: برای ادغام افقی سلول‌ها
- rowspan: برای ادغام عمودی سلول‌ها
- scope: تعیین محدوده عنوان (col/row/colgroup/rowgroup)
- headers: ارتباط با سلول‌های عنوان دیگر
مثال عملی:
<table>
<tr>
<th style="background:#e74c3c; color:white;">نام محصول</th>
<th style="background:#e74c3c; color:white;">قیمت</th>
</tr>
<tr>
<td>لپ‌تاپ</td>
<td>15,000,000 تومان</td>
</tr>
</table>
بهترین روش‌های استفاده از TH
- همیشه از تگ TH برای عناوین ستون‌ها یا ردیف‌ها استفاده کنید
- برای جداول پیچیده از ویژگی scope استفاده نمایید
- از ادغام سلول‌ها فقط در صورت ضرورت استفاده کنید
- محتوا را مختصر و معنادار نگه دارید
برای یادگیری عمیق‌تر درباره تگ TH و کاربردهای پیشرفته آن، می‌توانید به صفحه تگ th در html مراجعه کنید. این منبع شامل مثال‌های کاربردی و نکات فنی ارزشمندی است که به درک بهتر این تگ کمک می‌کند.
