HTMLالوسم <figure>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
تعريفه
نستخدم الوسم <figure> على هذا النحو <figure> </figure> لتخصيص مكان في الصفحة بهدف عرض صورة, كود أو رسم بداخله.
بداخل هذا الوسم يمكن إضافة الوسم <figcaption> لعرض وصف للشيء المعروض فيه و هذا الأمر يمكن فعله بشكل إختياري.
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <figure>.
Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
8 | 12 | 4 | 11 | 5.1 | مدعوم | مدعوم | 4 | 11 | 5.1 | مدعوم |
خصائصه
لا يملك أي خصائص تم إعدادها خصيصاً له.
إستخدامه
في المثال التالي قمنا بعرض صورة و وصف خاص بها بداخل وسم <figure>.
المثال الأول
في المثال التالي قمنا بتحسين ظهور الصورة و الوصف الخاص بها بواسطة كود CSS.
المثال الثاني
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.