SVG <title>用法及代码示例

<title> SVG元素提供任何SVG容器元素或图形元素的可访问的short-text描述。

<title>元素中的文本不呈现为图形的一部分，但是浏览器通常将其显示为工具提示。将鼠标悬停在元素上时，将显示该元素的标题。

用法:

<title> TITLE HERE </title>

属性：

core Attributes:这些属性是核心属性，例如id等。
styling Attributes:这些属性定义样式，exp，类，样式。

例：使绿色的连续圆圈从继承属性<g> element。

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 100 100"> 
        <circle cx="5" cy="5" r="2" fill="green"> 
            <title>I'm a Geeky Circle</title> 
        </circle> 
    </svg> 
</body> 
  
</html>

输出：

支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
苹果Safari
Opera

相关用法

注：本文由纯净天空筛选整理自taran910大神的英文原创作品 SVG <title> element。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。