انتقل إلى محتوى الدرس

Table Headers with Th Element عناوين أعمدة الجدول بعنصر th

تعلم أساسيات جداول HTML: اكتشف البنية ثنائية الأبعاد للصفوف والخلايا، واستخدم وسوم tr و th و td باحترافية، وطبق معايير الإتاحة بخاصية scope مع تجنب استخدام الجداول في التخطيط.
4 صفوف تعليمية
لغة HTML
32,223 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يُحدد عنصر <th> خلايا عناوين الجدول التي تصف فئة أو طبيعة بيانات عمود أو صف بأكمله. يقوم المتصفح تلقائياً بتمييز خلايا العناوين بخط عريض ومحاذاة مركزية، مما يمنحها أهمية بصرية ودلالية فارقة عن بقية الخلايا.
الصف 2 كود برمجي
HTML
<table>
  <tr>
    <th scope="col">Device</th>
    <th scope="col">Operating System</th>
    <th scope="col">RAM</th>
  </tr>
  <tr>
    <td>Workstation</td>
    <td>Linux Mint</td>
    <td>32 GB</td>
  </tr>
</table>
الصف 3 شرح توضيحي
يمثل استخدام وسم <th> بديلاً جوهرياً عن مجرد تضخيم خلايا البيانات العادية بخط عريض عبر CSS. تعتمد التقنيات المساعدة على خلايا العناوين كمعالم ملاحة رئيسية تمكن فاقدي البصر من التنقل مباشرة بين فئات البيانات دون التباس.
الصف 4 ملاحظة هامة