<td>: عنصر TD
آخر تحديث: 2026-10-13
<td>عنصر TD
خلية بيانات جدول قياسية تحمل المحتوى عند تقاطع صف وعمود.
| الفئة | الجداول |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </td> وسم |
| الحالة | قياسي |
📝 البنية
<td>محتوى الخلية</td>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
colspan | Number of columns to span. | |
rowspan | Number of rows to span. | |
headers | IDs of related header cells (complex tables). |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <td> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： الفرق بين td وth: th عنوان وtd بيانات — الفرق دلالي.
❓ الأسئلة الشائعة
Qما الفرق بين td و th؟
A
<td> خلية بيانات، و<th> خلية رأس (بتنسيق افتراضي توسيط وتغميق، وتحمل دلالة scope). يعتمد قارئ الشاشة على th لبناء ارتباط الصف بالعمود — «العمود 3، صف Q2» — أما جدول td بالكامل فبالنسبة لتقنيات المساعدة مجرد أرقام بلا ارتباط.Qكيف تستخدم colspan وrowspan في td؟
A
colspan='3' تمتد عبر ثلاثة أعمدة وrowspan='2' عبر صفين، ويجوز الجمع بينهما. انتبه إلى إنقاص عدد خلايا الصف بعد الدمج، والإفراط في الدمج المتشابك يجعل الجدول عصيًا على الصيانة — فكك البنية متى أمكن ولا تفرط في الدمج.Qهل يقبل td عناصر كتلية؟
Aنعم، فـ td «حاوية شفافة» تقبل الفقرات والقوائم بل الجداول المتداخلة. لكن الجدول المتداخل يضر القراءة والوصولية، فلا تتداخل متى أمكن تقسيم الصفوف والأعمدة؛ وعند وضع نص طويل داخل td لفّه بـ
<p> لا نصًا عاريًا.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
