我应该对SVG文件使用 <img>, <object>或 <embed>吗?

要添加SVG文件,可以在HTML中使用<img> <object>或<embed>元素。根据您的要求选择其中之一。这是添加SVG的方法,

<img>元素

将<img>标记用于没有交互作用的图像。

缺点是您无法使用JavaScript处理图像。

<img src = "new.svg" alt = "craft" height = "100px" width = "100px" />

<object>元素

<object>元素用于定义HTML文档中的嵌入式对象。使用它可以在网页中嵌入多媒体,例如音频,视频,Flash等。

<object type = "image/svg+xml" data = "new.svg">
   Your browser does not support SVG
</object>

<embed>元素

<embed>标记不是HTML 4规范的一部分,而是HTML5中的新标记。它在HTML5页面中进行验证。

<embed type = "image/svg+xml" src = "image.svg" />