在 HTML 中嵌入外部 SVG 檔案

你可以使用 <img><object> 元素嵌入外部 SVG 元素。設定高度和寬度是可選的,但強烈建議。

使用影象元素

<img src="attention.svg" width="50" height="50">

使用 <img> 不允許你使用 CSS 設定 SVG 樣式或使用 JavaScript 操作它。

使用 object 元素

<object type="image/svg+xml" data="attention.svg" width="50" height="50">

<img> 不同,<object> 直接將 SVG 匯入到文件中,因此可以使用 Javascript 和 CSS 進行操作。