为什么HTML代码中的 元素很少有人使用？

 HTML <picture>元素出现已经很多年了（2014年出现的），但却很少见人使用，为什么呢？

我总结了以下3点原因：

1. 无人知晓
2. 使用麻烦
3. 可替代

一、这个元素明明很实用

HTML <picture>元素还是挺实用的，往往和<source>元素（可以多个）、<img>元素（最多一个）一同使用。

渲染的时候，浏览器优先使用<source>元素，<img>元素兜底。

所以，当我们需要在不同场景显示不同图片的时候，<picture>元素就特别的实用。

不同尺寸显示不同图片

这个功能常使用HTML media属性实现。

例如有如下HTML代码：

<picture>
  <source srcset="rect.png" media="(min-width: 640px)">
  <img src="square.png">
</picture>

则浏览器的宽度小于640像素的时候，显示的是正方向图片，如果浏览器的宽度大于640px，会显示长方形图片.