HTML img标签:title属性与alt属性？

我正在浏览亚马逊,我注意到当搜索" 1TB "时如果将鼠标光标悬停在星级评分图像上,则只有使用IE才能看到分数.如果您使用其他浏览器,则不会显示分数.

评级为3.8和4.2的评级均显示为4星.当然3.8星与4.2星(76%vs 84%得分)可能会有所不同!

这是因为显示alt文本的标准方式仅在用户关闭图形或浏览器被"读出"时(例如,视觉受损用户的浏览器).然而,IE在悬停时显示它.

所以我认为如果亚马逊要显示它而不管用户的浏览器,那么title除了应该使用之外alt.你同意吗？

1> jalf..：

---

它们用于不同的事物.使用该alt属性而不是图像.如果图像无法显示,或(我相信)在屏幕阅读器中.

该title属性与图像一起显示,通常作为悬停工具提示.

不应该用"替代"另一个.每个人都应该使用正确,做他们的目的是做的事情.

---

@jave.web你正在阅读的规范比指定的更多.他们强烈建议*你包含一个alt属性,但也有例外情况http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#a-purely-decorative-image-that -doesn%27t-add-any-information并且没有严格的强制执行要求*具有alt属性.没有在规范中的哪个地方表明它是"强制性的"或"必需的". - 实际上它们列出了几种情况,其中没有指定alt属性,或者故意留空.

---

@ jave.web HTML5规范建议并指出很多关于alt属性的内容http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#the-img-element但是它没有说它是"强制性的".特别是当图像纯粹是装饰时,实际上根本不期望alt属性值.

---

请注意,因为HTML5 alt属性是必需的.在某些国家/地区,如果您为州政府机构开展项目,甚至不会使用它.而jalf所述的标题只是一种"设计"的东西.

---

我不相信 - 我知道屏幕阅读器读取alt而不是图像.

2> scunliffe..：

---

我会两个都去.标题将在所有浏览器中显示一个很好的工具提示,alt将在没有图像的浏览器中浏览时给出描述.

也就是说,我希望看到有多少"冲浪者"在那里去"商店"浏览商品的实际情况是关闭图像或使用不支持图像的浏览器.我认为90%的人口使用28k调制解调器连接到InterWeb的日子已经过去了.

---

使用alt不仅仅是出于带宽原因而在显示图像时要显示的内容.例如,为视障人士设计的一些浏览器将广泛使用alt.

---

......但是:有时图像不会加载; 盲人有非视觉浏览器; safari中的语音功能读取页面,包括图像中的alt属性; 搜索引擎优化; 许多充分理由不假设100%图像显示.

---

@安东尼,凶狠 - 同意了.有各种各样的hmmm"边缘情况",其中提供alt是非常有帮助的(我不建议放弃它) - 但是如果有"有意义的信息"以工具提示的形式提供用户,那么肯定应该是一个标题属性 - 因为它就是它的用途.当我说上面的"边缘案例"时,我相信与Firefox,Chrome,IE,Opera,Safari,Konqueror等相比,使用JAWS或类似用户访问的用户总数相当低.

3> Danny Battis..：

---

如上所述,alt和title适用于不同的东西.虽然title属性将提供工具提示,但alt也是一个重要属性,因为它指定了在无法显示图像时要显示的文本.(而在某些浏览器,如Firefox,你还会看到这段文字时加载图像)

我认为应该做的另一点是,alt属性需要验证为XHTML文档,而title属性只是一个"额外选项".

4> Ricardo Amar..：

---

那是因为它们用于不同的目的,它们不仅应该用于另一个用途.

"alt"适用于你们已经说过的内容,因此如果图像无法显示(无论出于何种原因),你可以看到它的图像是什么,它还可以让视障人士了解图像的内容.

"title"属性是正确的属性,用于显示带有图像标题的工具提示.

5> seb..：

---

在我看来,如果图像没有显示,alt文本应该总是描述图片中可见的内容.

alt = text [CS]对于无法显示图像,表单或小程序的用户代理,此属性指定备用文本.备用文本的语言由lang属性指定.

w3.org