title

<title>

Each container element or graphics element in an SVG drawing can supply a <title> element containing a description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, <title> element is not rendered as part of the graphics. However, some user agents may, for example, display the <title> element as a tooltip. Alternate presentations are possible, both visual and aural, which display the <title> element but do not display path elements or other graphics elements. The <title> element generally improves accessibility of SVG documents.

Generally <title> element should be the first child element of its parent. Note that those implementations that do use <title> to display a tooltip often will only do so if the <title> is indeed the first child element of its parent.

Usage context

Categories	Descriptive element
Permitted content	Any elements or character data

Attributes

Global attributes

Specific attributes

There is no specific attributes

DOM Interface

This element implements the SVGTitleElement interface.

Example

<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
  <g>
    <title>SVG Title Demo example</title>
    <rect x="10" y="10" width="200" height="50"
    style="fill:none; stroke:blue; stroke-width:1px"/>
  </g>
</svg>

Specifications

Specification	Status	Comment
Scalable Vector Graphics (SVG) 2 The definition of '<title>' in that specification.	Candidate Recommendation
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<title>' in that specification.	Recommendation	Initial definition

Browser compatibility

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	1.0	(Yes)	1.5 (1.8)	9.0	8.0	3.0.4
Tooltip display	?	?	4.0 (2.0)	?	?	?

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	3.0	(Yes)	1.0 (1.8)	No support	(Yes)	3.0.4
Tooltip display	?	?	4.0 (2.0)	?	?	?

The chart is based on these sources.