<dl>: عنصر DL
آخر تحديث: 2026-10-13
<dl>عنصر DL
قائمة وصف (أزواج مصطلح-وصف)، تُستخدم للمصطلحات أو بيانات المفتاح-القيمة.
| الفئة | القوائم |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </dl> وسم |
| الحالة | قياسي |
📝 البنية
<dl>
<dt>المصطلح</dt>
<dd>الوصف</dd>
</dl>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <dl> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： الأطفال المباشرون لـ dl يجب أن يكونوا dt (مصطلح) وdd (وصف)، وليس ul/li.
❓ الأسئلة الشائعة
Qهل يجب أن يقترن dt بـ dd داخل dl؟
Aبنيويًا يضم
<dl> مجموعات «dt + dd»: dt للمعطى وdd للوصف. ويجوز أن يتبع dt الواحد عدة dd (تعدد المعاني) وأن تشترك عدة dt في dd واحد (مرادفات)؛ لكن لا يجوز ظهور dt أو dd منفردَين خارج dl.Qهل dl لقوائم المصطلحات فقط؟
Aلا، بل يناسب أيضًا: أزواج البيانات الوصفية (مثل «تاريخ النشر: 2026-10-09»)، والأسئلة الشائعة (السؤال dt والجواب dd)، ومواصفات المنتجات. والمعيار بنية «اسم-قيمة» — كل بيانات تُعرض في أزواج يمكن دلاليًا إدراجها في dl.
Qهل يجوز وضع div مباشرة داخل dl؟
Aنعم، تسمح HTML5 بتغليف كل مجموعة dt+dd في
<div> داخل <dl> ليسهل تنسيق المجموعة أو ترميزها بالبيانات الدقيقة. لكن div لا يغلف إلا مجموعة كاملة، ولا يجوز فصل dt عن dd في div مختلفين.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
