有人知道如何将<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>
通过使用单引号而不是双引号来分隔span
的style
属性,可以避免破坏alt
属性的连续性。
<img src="example.jpeg" alt="this is what the colors looked like : <span style='color: red'>Example</span>">
但这并不意味着浏览器会将alt文本呈现为纯文本以外的任何内容。这样做基本上会在一开始就破坏属性的点。
该属性旨在供屏幕阅读器和纯文本浏览器等使用,屏幕阅读器会为视障人士大声朗读页面内容,而纯文本浏览器都不关心文本的颜色,只关心文本本身。
为了符合标准,本例中的alt文本可能只是类似于";示例文本用红色着色";。