HTML img标记可以有多个src属性吗？

就像视频标签可以提供多个源属性，使mp4视频可以退回到ogg视频一样，我想让svg图像退回到png图像。

不，它不能

但是，您可以使用CSS背景图像来伪造它

---

为了避免显示损坏的图像图示符，您可能根本不想使用

标记，而是使用具有不同背景图像的两个嵌套元素。（请注意，这会影响可访问性）

这里有一篇文章可能会有所帮助：

它提供了一些javascript选项

---

使用背景图像效果很好，但您必须知道图像的尺寸。如果你不知道，那可能会很棘手。

简单回答。。。不需要。

只需将svg作为

和put

---

这应该行得通。png图像仅在无法显示svg时才会显示。

虽然这可能不是您想要的，但值得一提的是，您可以指定：

---

在提问时，这是不可能的。但现在可以这样做：

<img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x,
                                 image-3x.png 3x, image-4x.png 4x">

​

---

请参见

这也意味着前面提到的透明度，因为svg和png不会是完美匹配的像素，特别是当页面放大时。不幸的是，object和img的行为方式不同。img比对象更好地从svg获取大小，并且在缩放时表现更好。对象可以执行脚本，而img不能。此外，从语义上讲，img是我的意思，object感觉像一个黑客。

<img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x,
                                 image-3x.png 3x, image-4x.png 4x">

​<picture>
    <source srcset="mdn-logo.svg" type="image/svg+xml">
    <img src="mdn-logo.png" alt="MDN">
</picture>