SVGに対してタイトルを設定

SVGに対してタイトルを設定するには、title要素を使用します。
付加情報という扱いで表示はされませんが、一部のブラウザではツールチップとして表示されます。

  • ※ 検索エンジン等SEOに影響を受けません。

構文

<title>テキスト</title>

サンプルコードとデモ

サンプル画像

XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150" width="200" height="150">
	<title>サンプル画像</title>
	<circle cx="100" cy="75" r="50" fill="none" stroke="red" stroke-width="10" />
</svg>

SVG逆引きリファレンス一覧へ戻る