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

Question

就像视频标签如何提供多个源属性非常类似,因此mp4视频可以回退到ogg视频,我想让svg图像回退到png图像.

Answer 1

在提出问题时,这是不可能的.但现在可以这样做:

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

请参阅MDN上的文档

Answer 2

不,它不能.

但是,您可以使用CSS背景图像伪造它.

为避免显示损坏的图像字形,您可能根本不想使用<img>标记,而是使用两个具有不同背景图像的嵌套元素.(请注意,这会损害可访问性)

Answer 3

这里有一篇帖子可能会有所帮助:后备图像和超时 - 外部内容.使用Javascript

它提供了一些JavaScript选项.

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