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>

问题是，我们可以将该图片链接到其他页面吗？

我已经尝试在<a>标记之前和标记内部使用<picture>标记，但这些标记都不起作用。

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>

工作正常。

Answer 2

使用锚点 <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>

我不知道为什么这不起作用。我运行了这个，效果很好。

我们可以将<picture>元素链接到其他页面吗？</picture>

2 个答案: