# العنصر dfn

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

---

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

يُمثِّل العنصر `<dfn>` تعريفًا لأحد المصطلحات في أوّل مرة يرد فيها.

هذا مثالٌ عن تعريف المصطلح «The Internet» في HTML5 ويكون المصطلح المُعرَّف هو المحتوى النصي للعنصر `<dfn>`:

```html
<!-- تعريف الإنترنت -->
<p><dfn id="def-internet">الإنترنت</dfn> هي شبكة عالمية تربط بين ملايين الأجهزة عبر بروتوكول TCP/IP.</p>
```

ولاحقًا في نفس المستند، نُعرِّف المصطلح «World-Wide Web» والذي تؤخذ قيمته من الخاصية `title` للعنصر `<abbr>` الموجود داخل العنصر `<dfn>`. لاحظ كيف أشرنا إلى تعريف المصطلح «The Internet»:

```html
<dl>
  <!-- تعريف "الشبكة العنكبوتية العالمية" والإشارة إلى "الإنترنت" في الفقرة السابقة -->
  <dt>
    <dfn>
      <abbr title="الشبكة العنكبوتية العالمية">WWW</abbr>
    </dfn>
  </dt>
  <dd>الشبكة العنكبوتية العالمية هي مجموعة من المستندات التي يمكن الوصول إليها عبر
  <a href="#def-internet">الإنترنت</a>.</dd>
</dl>
```

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

| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
| --- | --- |
| المحتوى المسموح | محتوى عادي، لكن لا يجوز استخدام العنصر <dfn> داخله. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLElement |

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

| 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) في هذا العنصر.

أصبح للخاصية `title` معنى خاص في HTML5، وهو مذكور في ملاحظات الاستخدام أدناه.

## ملاحظات الاستخدام

- يوضع ضمن العنصر `<dfn>` المصطلح الذي سيُعرَّف، أما شرح ذاك المصطلح فيكون باستخدام عنصر `<p>` أو `<section>` أو قائمة وصف (باستخدام العنصرين `<dt>` و `<dd>`) مجاور.
- يُحدَّد ما هو المصطلح الذي سيُعرَّف باتباع القواعد الآتية:

  1. إذا كان للعنصر `<dfn>` الخاصية `title`، فالمصطلح المُعرَّف هو قيمة تلك الخاصية.
  2. وإذا احتوى على عنصر `<abbr>` له الخاصية `title`، فسيكون المصطلح المُعرَّف هو قيمة تلك الخاصية.
  3. فيما عدا ذلك، فالمحتوى النصي الموجود ضمن العنصر `<dfn>` هو المصطلح الذي سيُعرَّف.

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

تعرض أغلبية المتصفحات العنصر `<dfn>` مع ضبط نمط الخط (الخاصية `font-style`) إلى `italic`:

```css
dfn {
  font-style: italic;
}
```

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

- [العنصر](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)