HTML <figure> title Attribute

The title attribute on a <figure> tag adds a tooltip with title text to the figure. Hovering the mouse over the figure will display the tooltip.

Example

#

A title attribute on a <figure> element.
Hover over the image to see the tooltip.

<figure title="San Giorgio">
  <img src="/img/html/sangiorgio.jpg">
</figure>

Code explanation

The title attribute is placed in the <figure> opening tag.

The value can be any string. Hover the cursor over the figure and after a second or so a tooltip appears.


Using title

The title attributes provides additional information about the <figure> element.

The title attribute value can be seen as tooltip.

Tooltips are shown when the figure element is hovered.


Syntax

<figure title="value">

Values

#

Value Description
value A string value.
A title can span multiple lines by including newline or carriage-return characters:  &#10;  or  &#013;.

Browser support

Here is when title support started for each browser:

Chrome
6.0 Sep 2010
Firefox
4.0 Mar 2011
IE/Edge
9.0 Mar 2011
Opera
11.1 Mar 2011
Safari
5.0 Jun 2010

You may also like

 Back to <figure>
Guides