html5 中的 <picture> 元素是否使“alt”属性过时？

Question

为摄影师/摄像师制作作品集，并尝试在移动设备上的快速加载和良好图像质量之间找到良好的平衡。 到目前为止，我热衷于押注 picture 元素以根据设备最大宽度加载多个版本的图像，如下所示：

<picture>    https://stackexchange.com/users/10606791?tab=reputation
  <source media="(max-width: 360px)" 
          srcset="picture_small.jpg">

  <source media="(max-width: 640px)"
          srcset="picture_medium.jpg">

  <source media="(max-width: 1366px)"
          srcset="picture_large.jpg">

  <img src="picture_original.jpg" width="6000" height="4000"
          alt="Really usefull description for each image">
</picture>

我担心的是，前三个版本的图片的“alt”属性会被用户代理一起忽略，搜索引擎使用它的希望也很遥远。

Answer 1

<picture> 元素只是一个容器。 <img> 元素是描述其内容的主要部分。 <source> 仅描述不同的来源。所以alt 对他们来说都是一样的。

picture 元素不能没有img 元素。 alt 是<img> 中的要求，并且是其在标准中的规范的一部分。