قائمة التعريفات (Description List) هي نوع مختلف من القوائم لأزواج المصطلح-التعريف:
• <dl> (Description List): الحاوية الرئيسية • <dt> (Description Term): المصطلح أو العنوان • <dd> (Description Details): الوصف أو التعريف
متى تستخدمها؟ ✅ قواميس المصطلحات والمعاجم ✅ FAQ (أسئلة وأجوبة) ✅ معلومات المنتج (الاسم: القيمة) ✅ سير ذاتية (المهارة: التفاصيل) ✅ بيانات وصفية منظّمة
ملاحظة: يمكن لـ dt واحد أن يكون له عدة dd، ويمكن لعدة dt أن يشتركوا في dd واحد.
| 1 | <!-- قاموس مصطلحات --> |
| 2 | <dl> |
| 3 | <dt>HTML</dt> |
| 4 | <dd>لغة ترميز النص التشعبي لبناء صفحات الويب</dd> |
| 5 | |
| 6 | <dt>CSS</dt> |
| 7 | <dd>أوراق الأنماط المتتالية لتنسيق صفحات الويب</dd> |
| 8 | |
| 9 | <dt>JavaScript</dt> |
| 10 | <dd>لغة برمجة لإضافة التفاعلية للويب</dd> |
| 11 | </dl> |
| 12 | |
| 13 | <!-- مصطلح بعدة تعريفات --> |
| 14 | <dl> |
| 15 | <dt>API</dt> |
| 16 | <dd>واجهة برمجة التطبيقات</dd> |
| 17 | <dd>Application Programming Interface</dd> |
| 18 | </dl> |
مثال 1: معلومات منتج منظّمة
| 1 | <section class="product-details"> |
| 2 | <h2>تفاصيل اللابتوب</h2> |
| 3 | |
| 4 | <dl> |
| 5 | <dt>الاسم</dt> |
| 6 | <dd>Dell XPS 15 9530</dd> |
| 7 | |
| 8 | <dt>المعالج</dt> |
| 9 | <dd>Intel Core i7-13700H</dd> |
| 10 | |
| 11 | <dt>الذاكرة العشوائية</dt> |
| 12 | <dd>32 GB DDR5</dd> |
| 13 | |
| 14 | <dt>التخزين</dt> |
| 15 | <dd>1 TB NVMe SSD</dd> |
| 16 | |
| 17 | <dt>الشاشة</dt> |
| 18 | <dd>15.6 بوصة OLED 3.5K</dd> |
| 19 | |
| 20 | <dt>نظام التشغيل</dt> |
| 21 | <dd>Windows 11 Pro</dd> |
| 22 | <dd>Ubuntu 22.04 (خيار)</dd> |
| 23 | </dl> |
| 24 | </section> |