HTMLالوسم <dfn>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
- نصائح و ملاحظات
تعريفه
نستخدم الوسم <dfn> لذكر المصطلح الذي سيتم وضع تفسير له مع الإشارة إلى أنه أيضاً يمكن إظهار تلميح فوقه يظهر عند تمرير الماوس عليه.
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <dfn>.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| مدعوم | 12 | 1 | مدعوم | مدعوم | مدعوم | مدعوم | 4 | مدعوم | مدعوم | مدعوم |
خصائصه
الخاصية title
نضيفها للوسم لإظهار تلميح عند تمرير الماوس فوقه.
الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
إستخدامه
في المثال التالي قمنا بعرض المصطلح HTML بشكل مميز عن باقي النص الموضوع في الفقرة.
في المثال التالي عند تمرير الماوس فوق المصطلح HTML ستظهر الجملة Hyper Text Markup Language كتلميح.
المثال الثاني
<dfn title="Hyper Text Markup Language">HTML</dfn> is used to create web pages.
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
dfn { font-style: italic; }
نصائح و ملاحظات
يمكن وضع تلميح للوسم <dfn> من خلال إضافة الوسم <abbr> بداخله بدلاً من استخدام الخاصية title بشكل مباشر من الوسم <dfn> إذا أردت في حال كان ذلك يتلائم أكثر مع تصميم الصفحة كما فعلنا في المثال التالي.
المثال الأول
<dfn><abbr title="Hyper Text Markup Language">HTML</abbr></dfn> is used to create web pages.
في حال كانت الصفحة تستخدم نفس المصطلح بشكل مكرر و تريد جعل المستخدم قادر على النقر على المصطلح حتى يتوجه إليه و يقرأ الشرح الموضوع عنه فيمكنك وضع المصطلح المكرر كرابط في النص و ربطه بتفسيره من خلال إعطاء id للوسم <dfn> كالتالي.
المثال الثاني
<a href="#def-html">HTML</a> .. <a href="#def-html">HTML</a> .. <a href="#def-html">HTML</a> .. <dfn id="def-html">HTML</dfn> is used to create web pages.
