Els gràfics vectorials SVG o escalables us permeten dibuixar imatges molt més complexes i fer-les representades a les pàgines web. Però no podeu simplement agafar les etiquetes SVG i copiar-les al vostre HTML. No es mostraran i la teva pàgina no serà vàlida. En canvi, heu d'utilitzar un dels tres mètodes.
Utilitzeu l'etiqueta d'objecte per incrustar SVG
L'etiqueta HTML incrustarà un gràfic SVG a la vostra pàgina web. Escriviu l'etiqueta d'objecte amb un atribut de dades per definir el fitxer SVG que voleu obrir. També haureu d'incloure atributs d'amplada i alçada per definir l'amplada i l'alçada de la vostra imatge SVG (en píxels).
Per a la compatibilitat entre navegadors, heu d'incloure l'atribut de tipus, que hauria de llegir:
type = "image / svg + xml"
i una base de codis per a navegadors que no ho admeten (Internet Explorer 8 i inferior). La vostra base de codis apunta a un complement SVG per a navegadors que no admeten SVG. El connector més utilitzat és d'Adobe a http://www.adobe.com/svg/viewer/install/. Tanmateix, aquest complement no és compatible amb Adobe. Una altra opció és el connector SVG Ssrc de Savarese Software Research a http://www.savarese.com/software/svgplugin/.