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

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

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

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

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

بطاقة العنصر

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

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

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

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

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

تنسيق العنصر

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

dfn {
  font-style: italic;
}