English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
عنصر <figure> في HTML يمثل جزءًا مستقلاً من المحتوى، وغالبًا ما يتم استخدامه مع التوضيح (caption) <figcaption>، ويعمل كوحدة مرجع مستقلة. عندما يكون جزءًا من تدفق النص الرئيسي، فإن موقعه مستقل عن النص الرئيسي. يتم استخدام هذا العنصر عادةً للصور، والرسومات، والجداول، وأجزاء الكود، وما إلى ذلك، ولا يؤثر نقله إلى المقدمة أو الصفحات الأخرى على النص الرئيسي.
استخدام عنصر <figure> لتحديد صورة في مستند:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>موقع دروس الأساسيات (oldtoolbag.com)</title> </head> <body> <figure> <img src="views.png" alt="views" width="304" height="228"> </figure> </body> </html>اختبار لـ ‹/›
IEFirefoxOperaChromeSafari
دعم IE 9،Firefox،Opera،Chrome وسفاري لـ <figure> العنصر.
التعليق：لا يدعم متصفح Internet Explorer 8 أو الإصدارات الأقدم <figure> العلامة.
تعرف العلامة <figure> محتوى تدفق مستقل (صور، رسوم بيانية، صور، مقطع برمجي، إلخ).
يجب أن تكون محتويات العنصر <figure> مرتبطة بالمحتوى الرئيسي، في نفس الوقت يجب أن تكون موقع العنصر مستقلاً عن المحتوى الرئيسي. إذا تم حذفه، لا يجب أن يؤثر على تدفق الوثيقة.
عادة، يتم استخدامه لصور، رسم، رسم بياني، مقطع برمجي، إلخ، في المسار الرئيسي للوثيقة، ولكن يمكن نقلها إلى جزء آخر من الوثيقة أو المقدمة دون التأثير على المسار الرئيسي.
يمكن ربط العنوان بالعنصر <figure> عن طريق إدراج <figcaption> (كأول أو آخر عنصر فرعي)، حيث يظهر العنصر الأول <figcaption> كعنوان للصورة.
<figure> العلامة هي علامة جديدة في HTML 5.
تلميح:<figcaption> يستخدم العنصر لتحديد عنوان للعنصر <figure>.
دعم <figure> العلامة خصائص العالمية في HTML.
دعم <figure> العلامة خصائص الحدث في HTML.