HTML5 <img> 标签替代图片 [重复]答案

【问题标题】：HTML5 <img> tag alternative image [duplicate]HTML5 <img> 标签替代图片 [重复]
【发布时间】：2015-04-14 19:10:48
【问题描述】：

我只是想知道在 html img 标签中

<img alt = "default image" src = "image"> 是否有可能拥有替代图像而不仅仅是文本。或者是否可以将 img 标签嵌套在 alt ""s 中。

【问题讨论】：

标签： html image

【解决方案1】：

不，您不能在 <img> 的 alt 属性中添加其他图像。但是，您可以使用 onerror 事件使用 JavaScript 加载另一个图像，因此如果原始图像未加载，则可以加载备份。

function standby() {
    document.getElementById('foo').src = 'https://www.google.com/images/srpr/logo11w.png'
}

&lt;img id="foo" src="notfound.gif" onerror="standby()"&gt;

【讨论】：

【解决方案2】：

据我所知，alt 属性应该只有文本，因为它有助于屏幕阅读器“阅读”图像。

如果您正在搜索的是主图片失败时的备用图片，您可以使用一些 JavaScript 来实现。

在这个问题上你可以看到如何使用 onError 用法：

【讨论】：