<title> — SVG 可访问名称元素

该 <title> 元素提供对任何 SVG 的可访问的简短文本描述容器元素或者图形元素.

<title> 元素中的文本不会作为图形的一部分呈现，但浏览器通常会将其显示为工具提示。如果某个元素可以通过可见文本描述，建议使用 aria-labelledby 属性引用该文本，而不是使用 <title> 元素。

注意：为了与 SVG 1.1 向后兼容，<title> 元素应该是其父元素的第一个子元素。

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4">
    <title>I'm a circle</title>
  </circle>

  <rect x="11" y="1" width="8" height="8">
    <title>I'm a square</title>
  </rect>
</svg>

属性

此元素仅包含全局属性

使用上下文

类别	描述性元素
允许的内容	任何元素或字符数据

规范

规范
可缩放矢量图形 (SVG) 2 # TitleElement

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

<desc>