如何添加替代和标题文本的图像 - 虚拟

视频: 3000+ Common English Words with British Pronunciation 2024

替代文本描述一个图像，以便由于某种原因无法看到图像的用户可以访问该文本以查找有关该图像的更多信息。添加替代文本（开发人员通常将其称为“替代文本”）是一种很好的做法，因为它考虑了以下类型的用户：

视觉受损用户可能无法看到图像，并且必须依赖替代文本对于一个文本语音阅读器阅读他们
<！ --1 - >
从具有有限图形功能的手机浏览器访问网站的用户
选择不显示图像的互联网连接速度慢的用户

某些搜索引擎和编目工具使用备选文本进行索引图片。

你的大部分用户都会看到你的图片，但是为那些不愿意的人准备。 HTML规范要求您提供替代文本来描述网页上的每个图像。在img元素中使用alt属性将这些信息添加到标记中，如下所示：

<！

弦乐

黄铜

木管乐器

当乐队不显示图像时（

或者不能，就像Lynx这样的纯文本浏览器），它们会显示替代文本，如图所示。

当浏览器显示图像时，浏览器（包括Internet Explorer，Firefox，Chrome，Safari和Opera）会将标题文本显示为弹出式提示，秒，如图所示。这要求为每个

元素添加一个title属性，这就是为什么它也包含在前面的标记中。

注意：

alt文本是页面验证所必需的，但标题文本不是必需的。 这意味着您可以使用替代文字将图像描述给那些无法看到它和/或标题文字的人，以提供关于同一图像的有用（或有趣的）信息。 W3C的Web Accessibility Initiative（WAI）包含了一些有用的技巧，用于在这个站点上创建有用和可用的可视化内容的替代方案。