图片标题属性或链接标题属性或两者？

Question

比方说，我有一个页面上的图像列表，包装在链接中。所以当你点击一张图片时，你会看到一个显示较大图像的页面

我应该如何在这里处理标题标签？

我是否将图像标题放在图像和链接上，或只是图像？如果标题与“alt”属性相同，是否重要？

<a title="image description" href="#"><img title="image description" alt="image description" src="image.jpg"></a> 

Answer 1

图像标题属性应该描述图像。

链接标题属性应描述链接的目标。

<a title="view larger version" href="#"> 
    <img title="image description" alt="image description" src="image.jpg"> 
</a> 

Answer 2

HTML5定义了alt用法的指导原则。参见“A link or button containing nothing but an image”：

当a元素是超链接，或button元件，没有文本内容，但包含一个或多个图像，包括在alt属性（一个或多个）的文本一起传达链接或按钮的目的。

因此，您的alt属性内容可能包含类似“Open larger version of ...”的内容。

（您也可以在my answer有兴趣的UX SE的问题：应该在ALT文本是对图像什么，这也是一个链接）

---

你不应该有相同的内容为alt和title。见general guidelines (from the W3C Candidate Recommendation of HTML5)（更新：在HTML5中，this section got changed的W3C推荐标准，它不再包含引号）：

这么做的必然结果是，alt属性的值不应该包含文本可能是考虑图像的标题，标题或图例。它应该包含用户可以使用的替代文本，而不是图片;它并不意味着补充图像。 title属性可用于补充信息。