html 标签中的 alt 和 title 的作用
2018-02-19 11:58
246 查看
例:我们在网页中引入一张图片 test.jpg
代码 <img src="test.jpg">
显示出这张图片;
添加 alt 属性,
代码 <img src="test.jpg" alt="图片不见了">
如果图片资源能够正确加载,那么正常显示,
如果图片资源不能正确加载,比如 地址错误,图片已经删除等等,那么显示“图片不见了”;
添加 title 属性,
代码 <img src="test.jpg" alt="图片不见了" title="这是一辆红色的猛禽">
显示为一张汽车图片,但是当我们把光标放到图片上,会显示“ 这是一辆红色的猛禽”提示文字;
代码 <img src="test.jpg">
显示出这张图片;
添加 alt 属性,
代码 <img src="test.jpg" alt="图片不见了">
如果图片资源能够正确加载,那么正常显示,
如果图片资源不能正确加载,比如 地址错误,图片已经删除等等,那么显示“图片不见了”;
添加 title 属性,
代码 <img src="test.jpg" alt="图片不见了" title="这是一辆红色的猛禽">
显示为一张汽车图片,但是当我们把光标放到图片上,会显示“ 这是一辆红色的猛禽”提示文字;
相关文章推荐
- HTML语言中img标签的alt属性和title属性的作用于区别
- html img标签的alt属性和title属性的作用与区别
- HTML语言中img标签的alt属性和title属性的作用与区别
- HTML语言中img标签的alt属性和title属性的作用与区别
- HTML中input标签的alt属性和title属性的比较
- Html标签中Alt和Title都是提示性语言标签
- HTML img图片标签alt和title属性
- img标签中alt属性与title属性在seo的作用-摘自网友
- HTML的img标签:alt属性和title属性
- HTML的img标签:alt属性和title属性
- Html 标签中的Alt和Title
- Html标签中Alt和title的用法
- HTMLimg标签的alt属性和title属性使用介绍
- html img图片标签alt和title属性
- HTML中input标签的alt属性和title属性的比较
- Html标签中的Alt和Html
- (四)vue开发 - 根据vue-router的meta动态设置html里<title>标签的内容
- title标签的作用
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- html中的标签和target标签的作用