html - 标签中的“标题”属性是否相关？

Question

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

它可以但不必与alt属性相同。

Answer 4

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