Pr.Pg Next Pg

<FIGURE>..</FIGURE> tag tutorials

  • The <figure> element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a single unit from the main flow of the document, and that can be moved away from the main flow of the document without affecting the document’s meaning.

  • The <FIGURE> tag is new in HTML5.

  • While the content of the <FIGURE> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.

  • The <FIGURE> tag is supported in all major browsers like Chrome, Firefox, Internet Explorer 9, Opera, and Safari.

  • The below table shows the attribute of <FIGURE> tag:

 

Sr No

Attributes

Descriptions

1

ID

This attribute specify a unique id for an element in document.

2

Style

This attribute specify an inline CSS style for an element.

3

Title

This attribute specify extra information about an element.

4

Draggable

This attribute specify whether an element is draggable or not.

5

Hidden

This attribute specify that an element is not yet, or is no longer, relevant

 

Syntax:

<body>

<figure>

<img>

</figure>

</body>

 

Example: HTML program to demonstrate figure element

Output:
Pr.Pg border                                              Next Pg