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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。