html - 是否可以只设置图像替代文本的一部分？

Question

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

编辑 感谢您提供的信息，但我希望在没有 JavaScript 的情况下完成此操作。

Answer 1

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

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

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 示例

更清洁的解决方案