# العنصر dt

> يُعرِّف العنصر أحد المصطلحات في قائمة وصف (description list)، يجب أن يكون هذا العنصر ابنًا للعنصر ، ويكون متبوعًا عادةً بعنصر ؛ لكن إذا وردت عدِّة عناصر مت...

- Canonical URL: https://coreiten.com/article/العنصر-dt
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-07-09T00:00:00+03:00
- Modified: 2026-01-31T00:38:40+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: العنصر, ما هو العنصر dt في html, شرح العنصر dt, مثال عن العنصر dt, خاصيات العنصر dt, استخدام العنصر dt في html, بطاقة العنصر dt, تعلم html من الصفر, تصميم مواقع, برمجة مواقع, لغة html

---

**العنصر <dt>**

يُعرِّف العنصر `<dt>` أحد المصطلحات في قائمة وصف (description list)، يجب أن يكون هذا العنصر ابنًا للعنصر `<dl>`، ويكون متبوعًا عادةً بعنصر `<dd>`؛ لكن إذا وردت عدِّة عناصر `<dt>` متتالية فستُعرَّف عدِّة مصطلحات (terms) التي ستُشرَح عبر عنصر `<dd>` التالي.

 مثال عن استخدام العنصر `<dt>`

```html
<dl>
  <dt>قهوة</dt>
  <dd>مشروب ساحن</dd>
  <dt>حليب</dt>
  <dd>مشروب بارد</dd>
</dl>
```

## بطاقة العنصر

| تصنيفات المحتوى | لا يوجد. |
| --- | --- |
| المحتوى المسموح | محتوى تنظيمي، لكن لا يسمح باستخدام عناصر <header> أو <footer> أو أي عناصر تقسيمية أو ترويسات. |
| الوسم المختصر | وسم البداية مطلوب، ويمكن حذف وسم النهاية إذا كان عنصر <dd> متبوعًا مباشرةً بعنصر <dd> آخر، أو انتهى محتوى العنصر الأب. |
| العناصر الأب | العنصر <dl> أو العنصر <div> الموجود داخل عنصر <dl>. |
| العناصر الأخوة | عنصر <dt> أو عنصر <dd> آخر. |
| واجهة DOM | HTMLSpanElement |

## دعم المتصفحات

| Chrome | Firefox | Edge | Safari | Opera |
| --- | --- | --- | --- | --- |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |

## الخاصيات

يمكن استخدام [الخاصيات العامة](https://coreiten.com/article/%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9) في هذا العنصر.

## تنسيق العنصر

تعرض أغلبية المتصفحات العنصر `<dt>` مع ضبط الخاصية `display` إلى `block`:

```css
dt {
  display: block;
}
```

## مواضيع ذات صلة

- [العنصر](https://coreiten.com/topic/%D8%A7%D9%84%D8%B9%D9%86%D8%B5%D8%B1)
- [تعلم html من الصفر](https://coreiten.com/topic/%D8%AA%D8%B9%D9%84%D9%85-html-%D9%85%D9%86-%D8%A7%D9%84%D8%B5%D9%81%D8%B1)
- [تصميم مواقع](https://coreiten.com/topic/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9)
- [برمجة مواقع](https://coreiten.com/topic/%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9)
- [لغة html](https://coreiten.com/topic/%D9%84%D8%BA%D8%A9-html)