Vložení SVG do HTML - Zde je návod
Grafika SVG nabízí oproti konvenčním formátům obrázků několik výhod. Tento praktický tip vám ukáže, jak integrovat grafiku SVG do souborů HTML.
Integrujte obrázky SVG přímo do HTML
Existuje několik způsobů, jak integrovat SVG do HTML. Většina však má určité nevýhody.
- Je velmi snadné integrovat SVG pomocí "". Chcete-li to provést, jednoduše otevřete SVG v editoru kódu (např. Notepad ++) a zkopírujte kód do kódu HTML.
- Zdrojový kód vašeho souboru HTML může trvat velmi dlouho, protože SVG zabírá hodně místa.
Zahrnout SVG jako komponentu obrázku do HTML
Jednoduchý způsob vložení souboru SVG do HTML je použití značky „img“.
- Se značkou „img“ jste vložili SVG jako každý jiný obrázek. Ačkoli je to snadné, zabraňuje to také použití JavaScriptu a odkazů v SVG.
Vložte SVG s rezervou do HTML
Tato možnost je vhodná, pokud používáte soubor SVG, ale také chcete zachovat konvenční obraz pro starší prohlížeče.
- Ve značce „SVG“ můžete použít značku „image“, ve které máte skutečný SVG a další obrázek s atributem „xlink: href“ a „src“. Prohlížeče, které nepodporují SVG, ignorují atribut „xlink: href“. Všichni ostatní vydávají obraz SVG.
Další praktický tip vám řekne, jak otevřít soubor SVG v počítači.