关于title/alt属性
我理解title和alt属性的用途，但我只是不理解它们的最佳用途，或者是否可以多次使用相同的title/alt。
例如，以一个关于狗的网站为例：
据我理解，所有img标记都需要一个alt属性：
<img src="Husky.png" alt="Husky" />
<img src="Rottweiler.png" alt="Rottweiler" />对于同一主题的多幅图片，使用相同的alt 属性是否有良好的实践？
<img src="Husky2.png" alt="Husky" />
<img src="Husky3.png" alt="Husky" />
<img src="Husky4.png" alt="Husky" />在每个标记中使用title**/**alt 属性是一个好的实践吗？使用相同属性的次数超过几次如何？
示例：
<ol title="This Dog">
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
<li title="This Dog"> Dogs </li>
</ol>
<div id="body">
<p title="This Dog"> </p>
<p title="This Dog"> </p>
<p title="This Dog"> </p>
<p title="This Dog"> </p>
</div>我的理解是，title属性充当在文本上悬停时出现的工具提示。在较新的浏览器中必须要做的事情，但是alt和title过去在旧浏览器中做同样的事情。这些属性也是搜索引擎识别网站的一种方法。
回答 2
Stack Overflow用户
发布于 2012-10-31 21:47:40
我的理解是，在较新的浏览器中，标题标记充当工具提示/悬停在信息类型的事物上，alt标记用于在旧浏览器中执行同样的操作。
不，title和alt属性有不同的含义/用途(不是旧方法与新方法)。
标题
属性是一个全局属性，这意味着您可以在所有元素上使用它。通常(请注意，一个元素(例如，abbr元素)它有一个特殊的含义)它被定义为：
title属性表示元素…的咨询信息。
您应该阅读该属性的定义，它解释了如何使用该属性(而不是)。
丙氨酸氨基转移酶
alt属性只能用于area、input (用于图像按钮)和元素。对于img，它有一个含义
alt属性的值是img元素的回退内容，并为无法处理图像或禁用图像加载的用户和用户代理提供等效内容。
有一些许多规则应该如何(而不是)使用这个属性。
因此，alt属性是图像的替代：要么看到图像，要么读取替代文本。不应将alt值作为图像的附加项提供/表示。
title属性提供了额外的信息，这些信息将同时提供给两个用户(查看图像的用户和读取替代文本的用户)。但是，您不应该使用title属性作为获取重要信息的唯一手段，因为…
- …典型的演示文稿通常隐藏在工具提示后面(用户不一定知道工具提示是存在的，因为他们不会悬停在所有元素上)
- …键盘或触摸屏用户通常根本看不到工具提示，因为他们不能悬停。
- …屏幕阅读器通常不读取/宣布
title值(在默认设置中)
Stack Overflow用户
发布于 2015-07-06 07:45:07
Alt : Alt文本是指那些选择在浏览器中禁用图像的人和那些根本无法“看到”图像的用户代理的替代信息源。它应该描述图片的内容，并使游客感兴趣地看到它。如果没有alt文本，图像将显示为空图标:没有alt
在中，当您在图像上悬停时，也会弹出Alt文本。此外，谷歌官方证实，它主要关注alt文本时，试图了解什么是图像。
有alt但图像不显示的图像。
<img src="a.png" alt="Ann Smarty">
另一个没有alt和图像的图像没有显示。
<img src="a.png">
标题：图像标题(以及元素名称本身)应该提供更多的信息，并遵循常规标题的规则:它应该是相关的、简短的、吸引人的和简洁的(标题“提供关于设置它的元素的咨询信息”)。在FireFox和Opera中，当您在图像上悬停时会弹出:一个具有标题和显示图像的图像。
<img src="a.png" title="Optimize Images For Search Engines, Social Media">
阅读更多：http://www.searchenginejournal.com/image-alt-text-vs-image-title-whats-the-difference/
https://stackoverflow.com/questions/13146115
复制相似问题
腾讯云开发者
