如何正确使用ALT标签？

Question

我用以下格式对我的所有图像使用了ALT标记：

<a alt="IMAGE ALT TEXT" href="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s1600/jquery-lightbox-with-dark-background.png" imageanchor="1"><img src="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s320/jquery-lightbox-with-dark-background.png" style="height:100%; width:100%;" /></a>

但是当图像检查工具感觉到它们的alt标记“丢失”时，我感到很惊讶。我想我必须在"img src“标签后面插入"alt”标签，如下所示：

<a href="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s1600/jquery-lightbox-with-dark-background.png" imageanchor="1"><img src="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s320/jquery-lightbox-with-dark-background.png" alt="IMAGE ALT TEXT" style="height:100%; width:100%;" /></a>

请告诉我这个式样对不对？

Answer 1

alt应该仅用于<applet>, <area>, <img>, <input>

alt - <applet>, <area>, <img>, <input> -可供选择的文本，以防图像无法显示.

来源

下面是img的一个片段

​

<img src="http://lorempixel.com/100/100" alt="image">

​

Answer 2

alt是IMG标记的属性，而不是A标记的属性。它代表由屏幕阅读器显示或阅读的替代文本。因此，您提供的第二个示例是正确的。

Answer 3

alt属性必须位于元素上，而不是超链接元素上。