1. 面向开发者的 Web 技术
  2. SVG：可缩放矢量图形
  3. 参考
  4. SVG 元素参考
  5. title

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

title

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

SVG 绘图中的每个窗口元素或图形元素都可以提供一个title描述性字符串，该描述只能是纯文本。如果当前的 SVG 文档片段在可视媒体中呈现为 SVG，title 元素不会呈现为绘图的一部分。然而，一些用户代理可能会，举个例子，把title显示为一个提示冒泡。替代性提词既可以看到也可以听到，它显示了 title 元素但是不会显示路径元素或者别的图形元素。title元素通常提升了 SVG 文档的无障碍。

通常title元素必须是它的父元素的第一个子元素。注意，只有当title是它的父元素的第一个子元素的时候，那些编译器才会把title显示为一个提示冒泡。

使用上下文

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

示例

下面的代码片段显示了 SVG <title>标签的用法。

xml
<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>

属性

全局属性

专有属性

没有专有属性。

DOM 接口

该元素实现了 SVGTitleElement 接口。

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content