title
Extra information about an element; shown as a tooltip on mouse hover.
Syntax
<abbr title="Full text">…</abbr>Examples
Hover over the elements:
<p><abbr title="As soon as possible">ASAP</abbr></p>
<p><button title="Adds the item to your cart">🛒</button></p>Notes
The tooltip is not visible on phones or with keyboard navigation, so do not hide important information in title. For an icon button, aria-label or visually hidden text works better. Do not confuse the attribute with the <title> tag.
See also
Related recipes
In the tutorial
- Attributes — How HTML attributes work, the global attributes id, class, title, lang, hidden and style, boolean attributes and data attributes.