SVG における各コンテナ要素またはグラフィックス要素の描画は、説明がテキストのみの文字列を含む <title> 要素を供給することができます。文書フラグメントがSVG視覚メディアとしてレンダリングされるとき、<title> 要素は、グラフィックスの一部としてはレンダリングされません。しかし、一部のユーザーエージェントは、例えば、ツールチップとして <title>要素を表示するかもしれません。 <title> 要素を表示するが path 要素または他のグラフィックス要素を表示しない、視覚と聴覚の両方の代替プレゼンテーションが可能です。<title> 要素は一般に SVG 文書のアクセシビリティを向上させます。
一般に、<title> 要素は その <title> 要素の親の最初の子にするべきです。 <title>が実際にその <title> の親の最初の子要素である場合、ツールチップを表示するためにタイトルを使用する実装のみが表示することに注意してください。
利用可能な場所
| カテゴリ | 説明的要素 |
|---|---|
| 許可された内容 | いくつかの要素や文字データ |
属性
グローバル属性
専用属性
この要素には専用属性はありません。
DOM インターフェイス
この要素は SVGTitleElement インターフェイスを実装します。
例
<svg width="500" height="300" xmlns="https://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>
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 <title> の定義 |
勧告候補 | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) <title> の定義 |
勧告 | 初期の定義 |
ブラウザー互換性
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
| ツールチップ表示 | ? | 4.0 (2.0) | ? | ? | ? |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 3.0 | 1.0 (1.8) | 未サポート | (有) | 3.0.4 |
| ツールチップ表示 | ? | 4.0 (2.0) | ? | ? | ? |
この表はこのソースに基づきます。