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> من خلال إضافة الوسم <abbr> بداخله بدلاً من استخدام الخاصية title
بشكل مباشر من الوسم <dfn> إذا أردت في حال كان ذلك يتلائم أكثر مع تصميم الصفحة كما فعلنا في المثال التالي.
المثال الأول
في حال كانت الصفحة تستخدم نفس المصطلح بشكل مكرر و تريد جعل المستخدم قادر على النقر على المصطلح حتى يتوجه إليه و يقرأ الشرح الموضوع عنه فيمكنك وضع المصطلح المكرر كرابط في النص و ربطه بتفيسره من خلال إعطاء id
للوسم <dfn> كالتالي.