img 标签中的 src 属性在现代浏览器中是否仍能发挥 srcset 所不能的作用？

Question

例如，当所有媒体条件失败并在现代浏览器中完美加载时，以下没有 src 标签的图像元素提供最后一个图像链接作为默认图像。如果浏览器无法加载图像，替代文本内容将正确显示。 除了支持旧浏览器之外，我想不出使用 src 属性在这里有用的任何情况。

  <img srcset="//cdn.glitch.global/8b425bca-2f6e-497b-baf5-8b951ea30edf/firefox_logo-only_RGB120.png 120w, //cdn.glitch.global/8b425bca-2f6e-497b-baf5-8b951ea30edf/firefox_logo-only_RGB400.png 400w" sizes="(max-width: 500px) 120px, 400px" alt="Mozilla logo">

如果我不打算支持旧浏览器，是否真的有必要将 src 属性添加到已经具有 srcset 属性的 img 元素中。为什么 MDN 页面说该属性是必需的，而图像在没有该属性的情况下加载完全正常？

Answer 1

根据 https://caniuse.com/srcset 目前提供的数据，仍有 3.45% 的用户不理解

srcset

/

sizes

。

所以我建议保留

src

，因为如果您使用

srcset

中的网址之一，这根本不难。

Answer 2

来自 HTML 标准

src 属性必须存在，并且必须包含有效的非空 URL 可能被引用非交互式、 可选的动画图像资源，既不分页也不分页 脚本化的。