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