我们能否将<picture>元素链接到其他页面？

Question

我有这样的代码：

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

问题是，我们能否给这张图片添加到其他页面的链接？

我已经尝试在 <picture> 标签之前和标签内使用 <a> 标签，但都没有起作用。

- DreLouder Reaper

---

使用"a"标签包裹完美运行 http://jsbin.com/vemamidihu - Vasiliy vvscode Vanchuk

很奇怪，之前已经尝试过但失败了，读了评论后再次尝试，结果完美运行。 - DreLouder Reaper

Answer 1

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

它运行得很好。

- Amit

---

为什么你用 </source> 来关闭源代码？ - jasie

Answer 2

使用锚点<a>属性，并添加'target'属性，如下所示：

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

我不知道为什么这个不起作用。我运行了这个程序，它运行得很好。

- user15323599