html - 图片标题属性或链接标题属性或两者兼而有之？

Question

假设我在页面上有一个包含在链接中的图像列表。因此，当您单击图像时，它会将您带到显示较大图像的页面

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

我是把图片标题放在图片和链接上，还是只放在图片上？标题是否与“alt”属性相同有关系吗？

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

Answer 1

HTML5 定义了alt使用指南。请参阅“仅包含图像的链接或按钮”部分：

当作为a超链接的元素或button元素没有文本内容但包含一个或多个图像时，请在alt共同传达链接或按钮用途的属性中包含文本。

因此，您的alt属性内容可能包括“打开更大版本的……”之类的内容。

（您可能还对我对 UX SE 问题的回答感兴趣：对于同时也是链接的图像，ALT 文本应该是什么？）

---

alt和永远不应该有相同的内容title。请参阅一般指南（来自 HTML5 的 W3C 候选推荐）（更新：在 HTML5 的 W3C 推荐中，此部分已更改，并且不再包含该引用。）：

一个推论是alt属性的值不应该包含可以被认为是图像的标题、标题或图例的文本。它应该包含用户可以使用的替换文本而不是图像；它不是为了补充图像。该title属性可用于补充信息。

Answer 2

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

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

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