<tbody>: عنصر TBODY
آخر تحديث: 2026-10-13
<tbody>عنصر TBODY
جسم الجدول الذي يغلف صفوف البيانات (tr)؛ قد يحتوي الجدول على عدة tbody للتجميع.
| الفئة | الجداول |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </tbody> وسم |
| الحالة | قياسي |
📝 البنية
<tbody>
<tr><td>...</td></tr>
</tbody>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tbody> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： يُدرج المتصفح tbody ضمنيًا إذا حُذف؛ كتابته صراحةً يساعد في معالجة السكربت.
❓ الأسئلة الشائعة
Qهل يجوز تعدد tbody؟
Aنعم، وهي بنية مشروعة ومفيدة: كل مجموعة صفوف تلف في
<tbody> مستقل، مع CSS لضبط خلفية كل مجموعة أو tbody:nth-of-type() لخطوط الحمار الوحشي المجموعية. كل tbody مجموعة صفوف مستقلة في DOM.Qلماذا يظهر tbody دومًا في DOM؟
Aتقرر مواصفة تحليل HTML أن صفوف الجدول لا بد أن تنتمي إلى مجموعة، فعند إغفال
<tbody> في المصدر يضيفه المتصفح ضمنيًا. لهذا تجد عند استعلام JS عن أبناء table أنها tbody لا tr — بنية DOM لا تطابق كتابة المصدر تمامًا.Qهل يهم ترتيب tbody وthead وtfoot؟
Aيوصى بكتابتها في المصدر بترتيب thead ثم tbody ثم tfoot؛ وسمح التاريخ بتقديم tfoot (ليصل التذييل مبكرًا في التصيير التدفقي)، لكن المعيار الحديث يعالجها بترتيب العرض. والمتصفح يعيد ترتيبها في DOM إلى مجموعاتها الصحيحة، فكتابتها صحيحةً من البداية خير من ترك التصحيح للمحلل.
🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
