小编Qua*_*ren的帖子

我正在将我们的图像转换为 webp，这意味着我需要使用“图片”标签而不是“img”，因为图片允许不支持 webp 的设备和浏览器回退到 png 格式。

无论如何，我有一个看起来像这样的 img：

<img class="usp-pics pic1" src="/images/example.png" alt="" title="">

因此，将其转换为具有回退到 png 的能力的 webp 将如下所示：

<picture>
    <source srcset="/images/example.webp" type="image/webp">
    <source srcset="/images/example.png" type="image/png">
    <img class="usp-pics pic1" src="/images/example.png" alt="" title="">
</picture>

如果浏览器读取上述代码并获取第一个 webp 图像，它是否还会应用附加到 img 元素的类、alt 和标题标签，还是我需要为每个源重复它们，或者将它们添加到父图片标签？

我试图查找这个，但我找不到答案。也许是因为它很明显，或者也许是因为我用错误的词来描述这个问题。对不起，如果这已经在某处被覆盖了。