<img> 标签中的“title”属性是否相关？答案

【问题标题】：Is a 'title' attribute relevant in a <img> tag?<img> 标签中的“title”属性是否相关？
【发布时间】：2013-04-29 09:05:42
【问题描述】：

我想知道在 'img' 标记上添加 'title' 属性是否与语义相关。我已经总是使用 'alt' 属性来遵守 W3C 规范。
如果是，'title' 属性上的内容是否必须与 'alt' 不同？

【问题讨论】：

stackoverflow.com/questions/24517484/…

标签： html image semantics

【解决方案1】：

title 属性可以用作语义，即与意义相关。因此，它被定义为一个咨询标题，浏览器可以将其值选择性地提供给用户，例如作为鼠标悬停时的工具提示或语音浏览器发出的提示。这意味着它可以用于多种目的，语义或其他目的。由您决定是否使用它来描述图像的含义，或提供作者信息，或者例如。只是为了显示图像的名称（名称可能会或可能不会描述含义）。

搜索引擎可能会将title 文本视为与图像相关，当使用该文本中出现的字词时，可能会导致页面出现在图像搜索中。此类处理的细节尚未披露，并且可能因搜索引擎而异。

title 属性的值没有理由与alt 属性的值不同。它们有不同的目的，但有时相同的文本可以同时服务于两者。例如，如果图像包含一个人的签名，alt 属性可能应该只包含签名中的姓名，title 属性可以包含相同的名称（例如，帮助可以看到图像但无法阅读的人名称很容易），或者它可能更容易解释，例如title="Joe Q. Public (signature)".

【讨论】：

感谢您提供这个解释得很好的答案！
"The details of such processing have not been disclosed and probably vary from one search engine to another" 这就是为什么我怀疑大多数所谓的 SEO 专家大多不知道他们在说什么。除非进行核心实验和分析，否则您无法检查或证明您的知识。

【解决方案2】：

只是为了稍微扩展一下@SLaks 在他们的回答中所说的话。 title 属性还可以帮助 SEO 和表达更多关于网页必须提供的内容。只需添加一点点即可。

【讨论】：

【解决方案3】：

title 属性可用于向任何 HTML 元素添加工具提示，包括 <img>。

可以，但不一定，与alt 属性相同。

【讨论】：

是的，我已经知道了，我的问题针对的是使用这个属性的语义兴趣。不过谢谢你的回答

【解决方案4】：

它是相关的。 alt 属性适用于不显示图像的用户代理，在这种情况下，它将显示 alt 属性。响应式网页设计 (WCAG) 需要 alt 属性。 title 属性对于工具提示是可选的，并且不能与 alt 相同。

【讨论】：

好的，感谢您清楚地解释了这两个属性之间的区别。但是使用“标题”属性对 SEO 有好处还是只对工具提示有用？
它有利于辅助功能。因此它对 SEO 也有好处。
title 属性不仅适用于工具提示。它的值没有理由与alt 属性的值不一样；它们有不同的目的，但有时相同的文本可以同时服务于两者。你所说的“响应式网页设计”可能是指可访问性，这是一个非常不同的问题。
响应式网页设计适用于所有终端设备。这也属于可访问性（但你是对的，这是一个不同的问题）。标题属性是设备的辅助属性，它为元素提供标题。 Alt-Attribute 是不显示的后备属性。