Html 我们能给一个<；图片>；元素链接到其他页面？

我有这样的代码：

<picture>
    <source srcset="Img/material.jpg" media="(min-width: 401px)">
    <source srcset="Img/materialw400px.jpg" media="(max-width: 400px)">
    <img id="material" srcset="Img/material.jpg" alt="Material">
</picture> 

问题是，我们能给这张图片一个链接到其他页面吗

我已经尝试在

标记之前和标记内部使用

标记，但这些都不起作用。

<a target="_blank" href="http://php.net">
    <picture>
       <source media="(min-width: 401px)" srcset="Img/material.jpg"></source>
       <source media="(max-width: 400px)" srcset="Img/materialw400px.jpg"></source>
       <img alt="Material" srcset="Img/material.jpg" id="material">
    </picture> 
</a>

它工作正常。

使用锚

---

我不知道为什么这样不行。我运行了这个程序，效果很好。

用“a”换行符完美。这很奇怪，之前已经尝试过了，但失败了，在阅读评论后再次尝试，效果完美

<a target="null" href="[url1]">
<picture>
    <source [label1]="(min-width: [x]px)" srcset="[url2]">
    </source> 
    <source [label1]="(max-width: [x]px)" srcset="[Url3]">
    </source>
    <img alt="[label2]" srcset="[url4]" id="[label2]">
</picture>
</a>