html - 是否有'alt'属性标签？— 用例：没有图片元素

Question

我正在使用<picture>标签。我的目标群体使用现代浏览器，因此只要Firefox 支持 WebP，就无需使用该<img>标签。

现在：

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x" type="image/webp">    
    <img src="image-200px.jpg" alt="Description">
</picture>

很快：

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x">
</picture>

有没有办法在不使用标签时实现alt属性？<picture><img>

Answer 1

我的目标群体使用现代浏览器。只要 Firefox 支持 WebP，就不需要使用<img>标签

虽然您可能不关心支持不支持该<picture>元素的浏览器，但 HTML 规范说：

内容模型：

零个或多个源元素，后跟一个 img 元素，可选择与脚本支持元素混合。

该img元素是强制的，因此替代文本仍然由元素alt上的属性提供。img

Answer 2

标签将<picture>回退到标签内写入的字符串，所以如果你写

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x">
    Some description

</picture>

如果浏览器不支持标签或图像不可用，您将看到说明。