<figure>


HTML <figure> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>

<figure>
  <img src="img_pulpit.jpg" tppabs="http://w3schools.com/tags/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

</body>
</html>

Run Example»

Click the "Run Instance" button to view the online instance

Browser support

1000.png

IE 9, Firefox, Opera, Chrome and Safari support the <figure> tag.

Note: IE 8 or earlier versions of IE browsers do not support the <figure> tag.

Tag definition and usage instructions

<figure> tag specifies independent stream content (images, charts, photos, code, etc.).

<figure> The content of the element should be related to the main content, and the position of the element should be independent from the main content. If removed, it should have no impact on document flow.

Differences between HTML 4.01 and HTML5

The<figure> tag is a new tag in HTML 5.

Tips and Notes

Tip: The <figcaption> element is used to define a caption for the <figure> element.

Global attributes

<figure> tag supports HTML global attributes.

Event attributes

<figure> tag supports HTML event attributes.