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

Question

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

<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>

我担心的是，图片的前3个版本的用户代理都将完全忽略“ alt”属性，希望搜索引擎使用它也是一个漫长的尝试。

Answer 1

该<picture>元素仅是一个容器。所述<img>元件是描述其内容的主要部分。<source>仅描述不同的来源。因此alt，所有这些人的遗骸都一样。

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