<title> — SVG 无障碍名称元素

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<title> SVG 元素为任何 SVG 容器元素图形元素提供了一个无障碍的、简短的文本描述。

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

注意:为向后兼容 SVG 1.1,<title> 元素应是其父元素的第一个子元素。

使用语境

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

属性

此元素仅包含全局属性。

DOM 接口

此元素实现了 SVGTitleElement 接口。

示例

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>

规范

规范
Scalable Vector Graphics (SVG) 2
# TitleElement

浏览器兼容性

另见