是否存在“ alt”屬性 <picture> 標簽？ —用例：不帶圖片元素 <img src=“”>

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>

當不使用<img>標簽時，是否可以為<picture>實現alt屬性？

Answer 1

我的目標群體使用的是現代瀏覽器。 Firefox一旦支持WebP，就無需使用<img>標簽

盡管您可能不關心支持不支持<picture>元素的瀏覽器， 但HTML規范指出：

內容模型 ：

零個或多個源元素，后跟一個img元素，可以選擇與腳本支持元素混合。

img元素是必需的 ，因此替代文本仍由img元素上的alt屬性提供。

Answer 2

<picture>標簽將回退到標簽內部寫入的字符串，因此如果您編寫

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

</picture>

如果瀏覽器不支持該標記或圖像不可用，則會看到說明。