1.img元素没有结束标签。
2.所有的img元素 必须 有alt属性。
注:如果图片是纯装饰性的,把alt的属性值设置为空是最佳实践。
理想情况下,alt属性不应该包含特殊字符,除非有特殊需要。
应用举例:
运行结果如下:
alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值,而title是在图片正常加载鼠标划上去显示的值,虽然alt也有后者的功能,但是只是在低版本的ie浏览器才支持,高版本及标准浏览器不支持这个 功能了。
工具原料;编辑器、浏览器
一、alt属性
1、alt是在图片不能正常加载时候显示的提示语,代码如下:
<img src="eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />2、运行结果如下:
二、title属性
1、title属性是鼠标划上去显示的内容,代码如下:
<img src="eg_tulip.jpg" title="上海鲜花港 - 郁金香" />2、运行效果如下:
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
当用户因为某种原因(比如:打开速度慢、src属性存在错误或者用户使用了屏幕阅读器)不能查看图像时,alt属性提供了替代信息。
扩展资料
img标签中alt和title属性的正确使用:
在的img标签有两个属性分别为alt和title,对于很多初学者而言对这两个属性的正确使用都还抱有迷惑,当然这其中一部分原因也是ie浏览器所导致的。正确的使用这两个属性除了可以提高图片的搜索能力外,在用户体验上也是很有帮助。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)