{title}属性是否与<img/>代码相关？

Question

我想知道在'img'标记上添加'title'属性是否与语义相关。我已经使用'alt'属性来重新定义W3C规范 如果是，“标题”属性中的内容是否必须与“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不同。