SVG 1.1
SVG 1.1 の一部機能は非推奨となり、SVG 2 の仕様から除外されました。SVGフォントやxlink:href属性などが該当し、現代の代替手段に置き換えられています。レガシーコンテンツとの互換性のために一部ブラウザでは依然サポートされていますが、新規開発では使用を避けるべきです。
概要
SVG 1.1 の一部機能は非推奨となり、SVG 2 の仕様から除外されました。SVGフォントやxlink:href属性などが該当し、現代の代替手段に置き換えられています。レガシーコンテンツとの互換性のために一部ブラウザでは依然サポートされていますが、新規開発では使用を避けるべきです。
対応ブラウザ
デスクトップ
Chrome 未対応
Edge 未対応
Safari 未対応
Firefox 未対応
基本構文
HTML
<!-- 非推奨: xlink:href -->
<use xlink:href="#icon" />
<!-- 推奨: href -->
<use href="#icon" /> 実務での使いどころ
-
レガシーSVGの移行
SVG 1.1 固有の機能を使用しているコンテンツを、SVG 2 準拠の記法に更新する際の参考にします。
注意点
- SVG 1.1 の非推奨機能はブラウザサポートが不安定であり、将来的に完全に削除される可能性があります。
アクセシビリティ
- SVGフォントの代わりにWebフォントを使用し、スクリーンリーダーとの互換性を確保してください。