2016-08-20 3 views
-1

Ich erstelle ein Navigationsmenü und möchte SVG-Bilder verwenden. Meine Frage ist einfach, aber ich habe überall gesucht und kann keine gute Antwort finden.SVG: Inline oder Link

Welche ist besser zu verwenden (Benutzererfahrung, Ladegeschwindigkeit der Webseite) ein eingebettetes SVG in einem "A" -Tag? Oder verknüpfen Sie das SVG im 'a' Tag?

Ich möchte in der Lage sein, die SVG-Farbe zu bearbeiten, und einen Hover-Effekt verwenden.

+2

"*** Das Problem sowohl mit und Hintergrundbild ... ** Ist, dass Sie nicht bekommen, um die Innereien der SVG mit CSS zu kontrollieren, wie Sie mit den folgenden beiden Möglichkeiten *." und "*** inline svg ** kann schön sein, weil das Bild direkt im Dokument erscheint und keine zusätzliche HTTP-Anfrage machen muss. Mit anderen Worten, es hat die gleichen Vorteile wie die Verwendung eines Daten-URI. Es hat die gleichen Nachteile auch. Ein potentiell "aufgeblähtes" Dokument, ein großer Brocken Mist direkt in dem Dokument, das du zu schreiben versuchst, und die Unfähigkeit cache * "[css-tricks: using svg] (https: // css-tricks .com/using-svg /) –

+0

Willkommen bei Stack Overflow! Diese Frage ist entweder zu breit, meinungsorientiert oder erfordert eine Diskussion und ist daher für Stack Overflow off-topic. Wenn Sie ein spezifisches, beantwortbares Programmierproblem haben, geben Sie bitte alle Einzelheiten an. –

Antwort

1

Wenn Sie die SVG mit CSS stylen möchten, müssen Sie die SVG inline. Eine externe SVG-Datei kann nicht formatiert werden, es sei denn, Sie fügen CSS in die SVG-Datei selbst ein.