SVG in Web-Seiten einbetten
<< < > >> > Hauptteil > SVG einbetten

Wenn man eine SVG erstellt, möchte man sicherlich das Ergebnis betrachten und das im Zweifel im Browser. Benutzt man zum Erstellen der SVG nicht gerade einen einfachen Texteditor, ist die Darstellung meist im (erstellenden) Programm integriert. Aber da es sich bei SVG um eine Web-Technologie handelt, ist am Ende ja meist das Ziel, die SVG in eine Seite einzubauen oder eine komplette Seite als SVG darzustellen.

Es gibt verschiedenen Wege, eine SVG im Browser darzustellen:

  • Die Webseite wird komplett durch das SVG-Dokument, also eine Quelle mit dem MIME Type "image/svg+xml", repräsentiert.
  • Die SVG-Datei wird über das <OBJECT>-Tag in ein HTML-Dokument eingebunden. Angegeben werden sollte das Attribut "type" mit dem Wert "image/svg+xml" (für ältere Browser wird "image/svg" empfohlen). Die Methode hat den großen Vorteil, dass innerhalb des <OBJECT>-Tags Alternativen angegeben werden können für Browser, die kein SVG anzeigen können:
    <HTML>
    <HEAD></HEAD>
    <HEAD>

    <BODY>
     <OBJECT type="image/svg+xml" data="einegrafik.svg">
      <IMG src="diegleichegrafik.gif"/>
     </OBJECT>
    </BODY>
    </HTML>

    Ein großer Nachteil ist, dass ältere Versionen des Browsers Opera das <OBJECT>-Tag nicht interpretiert.
  • Die SVG-Datei kann auch über das <EMBED>-Tag in ein HTML-Dokument eingebunden werden, dieses wurde bisher auch von mehr Browsern unterstützt als das <OBJECT>-Tag. Allerdings handelt es sich bei dem <EMBED>-Tag um keinen W3C-Standard. Auch hier sollte eine Alternative für Browser, die kein SVG anzeigen können, angegeben werden. Beispiel:
    <EMBED src="einegrafik.svg" type="image/svg-xml">
    <NOEMBED><IMG src="gleichegrafik.gif"></NOEMBED>
  • Auch über das <IMG>-Tag soll in Zukunft eine SVG in ein HTML-Dokument eingebunden werden können, das unterstützen allerdings viele Browser noch nicht:
    <IMG src="einegrafik.svg" />
  • SVG Inhalt kann auch inline in einer XHTML-Seite, die aber von kaum einem Browser interpretiert werden, stehen.