أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <figure> Tag


مثال

استخدام <figure> عنصر لوضع علامة على صورة في مستند:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
انها محاولة لنفسك »

تعريف واستخدام

و <figure> تحدد العلامة محتوى بذاتها، مثل الرسوم التوضيحية والرسوم البيانية والصور وقوائم الرموز، الخ

في حين أن مضمون <figure> يرتبط عنصر لتدفق الرئيسي، موقفها مستقلة عن التدفق الرئيسي، وإذا أزيلت أنه لا ينبغي أن تؤثر على تدفق الوثيقة.


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم تماما العنصر.

العنصر
<figure> 6.0 تسعة 4.0 5.0 11.1

الخلافات بين HTML 4.01 و HTML5

و <figure> البطاقة هي جديدة في HTML5.


نصائح وملاحظات

تلميح: <figcaption> عنصر يستخدم لإضافة تسمية توضيحية ل <figure> العنصر.


السمات العامة

و <figure> كما يدعم بطاقة و السمات العامة في HTML .


سمات الحدث

و <figure> كما يدعم هذا الكود في حدث سمات في HTML .


صفحات ذات صلة

HTML DOM إشارة: الشكل كائن


الإعدادات الافتراضية CSS

معظم المتصفحات عرض <figure> العنصر مع القيم الافتراضية التالية:

مثال

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
انها محاولة لنفسك »