SVG veya Ölçeklenebilir Vektör Grafikleri çok daha karmaşık görüntüler çizmenizi ve web sayfalarında oluşturmanızı sağlar. Ancak SVG etiketlerini alıp HTML'nize atamazsınız. Görünmeyecekler ve sayfanız geçersiz olacak. Bunun yerine, üç yöntemden birini kullanmanız gerekir.
Embed SVG için Object Tag kullanın
HTML etiketi, web sayfanızda bir SVG grafiği yerleştirecektir. Açmak istediğiniz SVG dosyasını tanımlamak için nesne etiketini bir veri niteliğiyle yazarsınız. Ayrıca SVG resminizin genişliğini ve yüksekliğini (piksel olarak) tanımlamak için width ve height niteliklerini de eklemelisiniz.
Tarayıcılar arası uyumluluk için, okuması gereken tür özelliğini eklemelisiniz:
type = "image / svg + xml"
ve bunu desteklemeyen tarayıcılar için bir kod tabanı (Internet Explorer 8 ve daha düşük). Kod tablonuz, SVG'yi desteklemeyen tarayıcılar için SVG eklentisine işaret eder. En yaygın kullanılan eklenti Adobe’den http://www.adobe.com/svg/viewer/install/ adresindedir. Ancak, bu eklenti artık Adobe tarafından desteklenmemektedir. Başka bir seçenek de http://www.savarese.com/software/svgplugin/ adresindeki Savarese Software Research'ten Ssrc SVG eklentisidir.