这个题在前端笔试题中不止一次遇到了,这是一定要记下来
一)二者皆有
<img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="这是标题" alt="这是提示" />
-
图片显示时(鼠标经过是显示title)

-
图片不显示时(图片位置显示alt,经过文字区域时显示title)

二)只有alt没有title
- 图片显示时,鼠标经过没有文字提示
- 图片不显示时,显示提示

三)只有title 没有alt
- 有图片时,鼠标经过显示标题

- 没有图片时,显示标题,起到了alt的作用

总结来说,alt和title一起使用时最好,title可以代替alt的工作,反之则不行,(谢谢慕课的在线演示,哈哈)
ps:补充,啥也不设置,肯定是啥也看不到,哈哈
图片标签alt与title详解

本文详细解析了HTML中图片标签的alt与title属性的区别与应用。阐述了两者在图片显示正常、缺失情况下的作用,强调了同时使用alt与title的重要性。
769

被折叠的 条评论
为什么被折叠?



