العنصر <dfn>

من موسوعة حسوب
مراجعة 08:14، 19 فبراير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات) (إضافة قسمين وأمثلة)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

يُمثِّل العنصر <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>

بطاقة العنصر

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

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

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

الخاصيات

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

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

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

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

تنسيق العنصر

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

dfn {
  font-style: italic;
}

مصادر ومواصفات