title与alt的区别
来源:互联网 发布:简述什么是云计算 编辑:程序博客网 时间:2024/05/09 16:23
html中的title属性和alt属性让人有些混淆。
以前不知道有title这个属性,第一次用到它时,就和alt产生了混淆。
一位朋友告诉我说,alt是图片img标签里用的,title是超链接里用的, 当时想可能是这样的吧,
后来知道这是很不严谨的,alt是图片img标签里用的没错,可是你在img标签里使用title属性,结果一样可以出现效果。
在记事本中分别写三条语句,保存成html进行测试:
<img src="D:\Documents\我的文档\图片收藏\2-02.gif" alt="这是我校的logo" />
<img src="D:\Documents\我的文档\图片收藏\2-02.gif" alt="这是我校的logo" title="大家好" />
<img src="#" alt="这是我校的logo" title="大家好" />
结果:
第一条语句在ie中输出图像,鼠标放到图像上,会出现“这是我校的logo”,即图像正常显示时,没有title的情况下,显示alt内容。
第二条语句在ie中输出图像,鼠标放到图像上,只出现“大家好”,即有alt和title,只会显示title。
第三条语句在ie中输出图像,ie找不到图像,但是“这是我校的logo”几个字出现在了图像位置。同时,鼠标放到图像位置区,会出现title内容“大家好”的提示。
为了表述得更明白,我从网上找到了一些有用的资料,摘其精要:
alt属性的功能是不能显示图像信息时候的替换文字(即在图片显示的位置上显示文字,说明这个图片的要显示的内容)。Alt属性值的长度必须少于100个英文字符。
title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。
title属性的功能是提示。额外的说明信息和非本质的信息请使用title属性。title属性值可以比alt属性值设置的更长。
title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。
这样就使得访问者知道那些链接将会带他们 到什么地方,他们就不会加载一个可能完全不感兴趣的页面。
另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。
- title与alt的区别
- title与alt的区别
- title与alt区别
- title与alt与区别
- alt和title的区别
- title和alt的区别
- title和alt的区别
- <img>标签的alt属性与title属性的区别
- 图片标签img中alt与title的区别
- 图片标签img中alt与title的区别
- 图片标签img中alt与title的区别
- 标签上title属性与alt属性的区别是什么
- alt属性和title属性的区别
- Alt属性和title属性的区别
- alt和title的区别和写法
- img的alt和title区别
- alt和Title的区别在哪
- 纯CSS的alt与title效果
- makefile的选项LDFLAGS和LIBS的区别
- 创业公司做产品最凶险的3个大坑
- Web应用开发实用编程指导(三)—框架都是差不多的
- CSS z-index 属性的使用方法和层级树的概念
- 编译Linux Kernel
- title与alt的区别
- 海量Android教程、开发资料和源码
- Django的Q查询
- ABB 压包指令PackRawBytes 解包指令UnpackRawBytes
- 在T-SQL语句中访问远程数据库(openrowset/opendatasource/openquery)
- Android应用中使用及实现系统“分享”接口
- Hadoop常见异常及其解决方案
- struts2 版本升级2.3.16.3解决多个前缀参数远程命令行漏洞 josn
- 利用json获取天气信息