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属性内容可能包含类似“打开更大版本...”的内容。

（您可能对{SE}关于UX SE的问题感兴趣：对于也是链接的图像，ALT文本应该是什么？）

alt和title永远不应该有相同的内容。请参阅my answer（更新：在HTML5的W3C建议书中general guidelines (from the W3C Candidate Recommendation of HTML5)，它不再包含该引用。）：

这样做的必然结果是alt属性的值永远不应包含可被视为图像标题，标题或图例的文本。它应该包含可由用户而不是图像使用的替换文本;它并不意味着补充图像。 title属性可用于补充信息。