SVG alebo škálovateľná vektorová grafika vám umožňujú kresliť oveľa zložitejšie obrázky a nechať ich vykresliť na webových stránkach. Ale nemôžete jednoducho vziať značky SVG a posunúť ich do HTML. Nezobrazia sa a vaša stránka bude neplatná. Namiesto toho musíte použiť jednu z troch metód.
Na vkladanie SVG použite značku objektov
Značka HTML vloží na vašu webovú stránku grafiku SVG. Napíšete značku objektu s dátovým atribútom a definujete súbor SVG, ktorý chcete otvoriť. Mali by ste tiež zahrnúť atribúty šírky a výšky, aby ste definovali šírku a výšku obrázka SVG (v pixeloch).
Pri kompatibilite s viacerými prehliadačmi by ste mali zahrnúť atribút typu, ktorý by mal čítať:
type = "image / svg + xml"
a kódová základňa pre prehliadače, ktoré ju nepodporujú (Internet Explorer 8 a nižšie). Vaša kódová zóna by poukazovala na doplnok SVG pre prehliadače, ktoré nepodporujú SVG. Najčastejšie používaný doplnok je od spoločnosti Adobe na adrese http://www.adobe.com/svg/viewer/install/. Tento doplnok však už spoločnosť Adobe nepodporuje. Ďalšou možnosťou je doplnok Ssrc SVG od spoločnosti Savarese Software Research na adrese http://www.savarese.com/software/svgplugin/.