是否可以将<picture>元素包装在<a>中？

Question

我搞砸了网站的性能，并且包含了元素和图片Polyfill。我需要这些图片作为链接，因为它们是家庭网站的徽标。 https://www.w3schools.com/tags/tag_picture.asp

我尝试将其包装到a，但这不起作用（不显示任何图像）。

<a class="site-header" href="">
  <picture class="isologo">
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="image-big.jpg" media="(min-width: 768px)" />
    <source srcset="image.jpg" media="(min-width: 320px)" />
    <!--[if IE 9]></video><![endif]-->
    <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Sample pic" />
  </picture>
  <picture class="brand">
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="image-big-2.jpg" media="(min-width: 768px)" />
    <source srcset="image-2.jpg" media="(min-width: 320px)" />
    <!--[if IE 9]></video><![endif]-->
    <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Sample pic" />
  </picture>
</a>

我希望这两张照片都是链接。