Question

基本上我想要这样的东西，<img src="doesntexist.png alt="Image does <b>Not</b> exist" />。

修改感谢您的信息，但我希望在没有JavaScript的情况下完成此任务。

Answer 1

你不能用传统的HTML做你所要求的。

alt属性在一组标签（即img，area和可选的输入和applet）中定义，以允许您提供对象的文本等效项。

http://www.w3.org/QA/Tips/altAttribute

Alt属性用于在图像不可用时显示图像的文本描述，浏览器不显示图像，或者用户无法看到图像。有些用户可能是盲人，色盲或低视。在这种情况下，alt属性用于通过描述图像的意图来帮助用户。

您可能希望查看类似工具提示的内容。使用工具提示，您可以自定义样式以及它们对最终用户的显示方式。那里有很多人。一个例子是jQuery的工具提示：http://jqueryui.com/tooltip/#custom-style

Answer 2

不幸的是没有。但是可以复制它以允许使用Javascript进行标记。

function altContent(img) {
    var alt = document.createElement('div');

    alt.innerHTML = img.getAttribute('alt');

    img.parentNode.replaceChild(alt, img);
}

然后只需将属性onerror添加到图像中，就像这样。

<img src="doesntexist.png alt="Image does <b>Not</b> exist" onerror="altContent(this)" />

JSFiddle Example

<强> Cleaner Solution

是否可以只设置图像的一部分alt文本？

2 个答案: