HTML <figure> tag का इस्तेमाल किसी web page पर document में तस्वीर को चिह्नित (mark) करने के लिए किया जाता है।

जैसा कि हम जानते हैं कि web page पर चित्र दिखाने के लिए HTML में पहले से ही image tag उपलब्ध होता है। लेकिन HTML 5 <figure> tag का इस्तेमाल कुछ एम्बेडेड सामग्री (embeded content) के साथ photos, code listings और ग्रुप ऑफ़ diagrams आदि को नियंत्रित करने के लिए होता है। आप <figcaption> tag की मदद से फोटो के लिए caption भी जोड़ सकते हैं।

HTML 5 में HTML figure एक नया टैग है।

HTML figure tag example

  1. <p>The Taj Mahal is widely recognized as “the jewel of Muslim art in India and
  2. one of the universally admired masterpieces of the world’s heritage”. It is regarded
  3.  by many as the finest example of Mughal architecture, a style that combines elements
  4.  from Islamic, Persian, Ottoman, Turkish and Indian architectural styles.</p>
  5. <figure>
  6.   <img src=“html/images/tajmahal.png” alt=“Taj Mahal”/>
  7. </figure>

ट्राई करें

आउटपुट:

The Taj Mahal is widely recognized as “the jewel of Muslim art in India and one of the universally admired masterpieces of the world’s heritage”. It is regarded by many as the finest example of Mughal architecture, a style that combines elements from Islamic, Persian, Ottoman, Turkish and Indian architectural styles.

Taj Mahal

नोट: आप जिस content को <figure> …… </figure> टैग में रखते हो वह मुख्य प्रवाह (main flow) से संबंधित होता है, लेकिन इसकी स्थिति (position) मुख्य प्रवाह से सम्बन्धित नही होती इसलिए जब इसे हटाया जाता है तो document का प्रवाह प्रभावित नही होता।

Supporting Browsers

Element chrome  Chrome ie  IE firefox  Firefox opera  Opera safari  Safari
<figure> Yes Yes Yes Yes Yes

नोट: HTML figure tag, HTML में global और event attribute को भी support करता है।