<th>: عنصر TH
آخر تحديث: 2026-10-13
<th>عنصر TH
خلية عنوان جدول تحدّد صفًا أو عمودًا، عريضة وموسّطة افتراضيًا مع دلالات إمكانية وصول.
| الفئة | الجداول |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </th> وسم |
| الحالة | قياسي |
📝 البنية
<th scope="col">عنوان العمود</th>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
scope | Scope: col, row, colgroup or rowgroup. | |
colspan | Number of columns to span. | |
rowspan | Number of rows to span. | |
headers | IDs of related header cells (complex tables). | |
abbr | Abbreviated title for screen readers. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <th> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： scope يساعد قارئات الشاشة على قراءة الجدول بشكل صحيح؛ اضبطه كلما أمكن.
❓ الأسئلة الشائعة
Qما فائدة سمة scope في th؟
A
scope='col'/row تصرح بأن الرأس يعمل على عمود أم صف، فيقرأ قارئ الشاشة الخلية بسياقها الكامل «رأس عمود + رأس صف + بيانات». الجداول البسيطة يستنتجها المتصفح تلقائيًا، أما الجداول المعقدة بمزج الصفوف بالأعمدة والخلايا المدموجة فلا بد من scope صريح.Qهل يجوز استخدام th داخل tbody؟
Aنعم، فخلية الفئة في مطلع الصف (كـ «الاسم» و«العمر» في العمود الأول) ينبغي أن تكون
<th scope='row'> — فهي رأس ذلك الصف. th ليست حكرًا على thead، والمعيار: هل تصف هذه الخلية خاصية لصف أو عمود؟Qهل يمكن تغيير النمط الافتراضي لـ th؟
Aنعم، فالتوسيط والتغميق الافتراضيان سلوك ورقة أنماط المتصفح ويمكن تجاوزهما كليًا بـ CSS:
th { text-align: left; font-weight: normal; }. تغيير النمط لا يمس القيمة الدلالية لـ th، فلا تنزل إلى td لمجرد كره التغميق.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
