HTMLでのSVG

SVGファイルには、次のタグを使用してHTML文書に埋め込むことができます。<EMBED>、<オブジェクト>や<iframe>の。

SVGコードは、HTMLページに直接埋め込むことができます。また、SVGファイルに直接リンクすることができます。

<embed>タグを使用して、

<EMBED>：

• 利点：すべての主要なブラウザがサポートされており、可能にするスクリプト
• 短所：HTML4やXHTMLで使用することをお勧めします（ただしHTML5で許可さ）はありません

構文：

結果：

<object>タグを使用して、

<オブジェクト>：

• 利点：すべての主要なブラウザがサポートされており、HTML4、XHTMLとHTML5標準のサポート
• 短所：スクリプトの使用を許可していません。

構文：

結果：

<iframe>のタグを使用します

<iframe>の：

• 利点：すべての主要なブラウザがサポートされており、可能にするスクリプト
• 短所：HTML4やXHTMLで使用することをお勧めします（ただしHTML5で許可さ）はありません

構文：

結果：

HTMLコードに直接埋め込まれたSVG

Firefoxの、インターネットExplorer9は、Google ChromeおよびSafariは、あなたがHTMLで直接SVGコードを埋め込むことができます。

注意：SVGはオペラに直接埋め込むことができます。

SVGファイルへのリンク

また<a>をSVGファイルでラベルにリンクすることができます：SVGファイルへのリンク

また<a>をSVGファイルでラベルにリンクすることができます：

結果：