如图所示,将慕课网图标设置带有文字提示,代码如下:
<a href="http://www.imooc.com/"> <img src="images/logo.jpg" alt="慕课网" /> </a>
就是在<img>标签的外层包裹一个<a>标签并使用href属性指定要跳转的网页即可,但是发现还是没有文字提示。
原来w3c原文是这么规定的:
alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:
- 网速太慢
- src 属性中的错误
- 浏览器禁用图像
- 用户使用的是屏幕阅读器
<img> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。
我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式。
注释:当用户把鼠标移动到 img 元素上时,Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢,只要当图像无法显示时,才会显示出替代文本。
因此不用纠结为什么不显示提示文字了吧。