图像alt属性中的span元素



有人知道如何将<span>添加到图像alt属性中吗?我尝试过这样做:

<!DOCTYPE html>
<html>
<body>
<img src="example.jpeg" alt="this is what the colors looked like : <span style="color: red">Example</span>">
</body>
</html>

通过使用单引号而不是双引号来分隔spanstyle属性,可以避免破坏alt属性的连续性。

<img src="example.jpeg" alt="this is what the colors looked like : <span style='color: red'>Example</span>">

但这并不意味着浏览器会将alt文本呈现为纯文本以外的任何内容。这样做基本上会在一开始就破坏属性的点。

该属性旨在供屏幕阅读器和纯文本浏览器等使用,屏幕阅读器会为视障人士大声朗读页面内容,而纯文本浏览器都不关心文本的颜色,只关心文本本身。

为了符合标准,本例中的alt文本可能只是类似于";示例文本用红色着色";。

最新更新