HTML 图像映射中替代文本的用途是什么？

在本文中，我们将了解在图像无法正确加载的情况下，替代文本如何有助于提供与图像相关的元数据。无法正确加载的原因可能是由于互联网连接速度慢、图像从网页中删除、图像的绝对路径未给出或网站中的一些技术问题等。替代文本，有时也称为 HTML 中的 alt 属性，提供有关该特定图像的元数据。 alt 属性可以与 input> 标签、 标签和 标签一起使用。图像加载失败时会出现此替代文本。这给出了关于该特定图像的想法。

句法：

属性值：它包含单值文本，用于在未显示图像时为支持的元素指定替代文本。

示例 1：在此示例中，图像路径包含图像以及 alt 文本，因此它将显示图像。

HTML

 

    

 

     
Image loaded
 
 
    

 

输出：

示例 2：在此示例中，我们将看到 alt 文本何时丢失并且图像无法加载。

HTML

 

    

 

     
Image failed to load and alt text is missing
 
 
    

 

输出：在这里，我们没有为图像提供正确的绝对路径链接，也没有提供与图像相关的任何信息。

示例 3：在此示例中，我们将看到添加 alt 文本和加载图像失败的时间。

HTML

 

    

 

     
Image failed to load having alt text
 
 
    

 

输出：在这里，我们没有为图像提供正确的绝对路径链接，但提供了替代文本。

替代文本的用途：

• 替代文本的第一个也是最基本的用途是提供元数据，即图像描述。如果图像未加载或加载需要时间，则此文本将显示给用户。
• 对于搜索引擎，例如谷歌、必应，有一个单独的图像标签，它们会爬取每个网页以查找每个关键字的相关图像。因此，他们没有从每个网页上阅读对他们来说很困难的图像，而是使用替代文本来理解图像所显示的内容。因此，由于替代文本，很容易搜索引擎以更好地抓取和排名您的网站。
• 有些人视力受损，无法阅读网页。因此他们使用屏幕阅读器，屏幕阅读器会读出除图像之外的所有内容。因此，对于图像，替代文本有助于屏幕阅读工具描述图像，人们可以了解该特定图像。