如何正确使用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仅使用。

Source

这里是img一个片段：

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

Answer 2

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

Answer 3

alt属性必须位于元素上，而不是超链接元素上。 <applet>, <area>, <img>, <input> - - 万一替代文本不能被显示的图像

Answer 4

你可能混淆了 “ALT” 标签和 “称号” 的标签。

的“ALT”标签使用的图像：

<img src="someImage.jpg" alt="image"> 

标题标签可以用两个图像被用来和链接

<img src="someImage.jpg alt="image" title="Some Image"> 
<a href="someLink.com" title="This is some link"> 

世上本没有任何需要的“ALT “标记在传统链接上，因为即使链接不好，仍然会有文本包裹在锚点中指示它是什么：

<a href="someLink.com">Link to some link</a> 

使用该图像时，仅当图像因任何原因无法使用时才会显示“alt”属性值。