alt和title的用法区别
2024-09-22 09:43:43
经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结:
相同点:他们都会飘出一个小浮层,显示文本内容。
不同点:
1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题</title>。
2.alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意,alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。
而title可以用在任何元素上,把鼠标移动到元素上面,就会显示title的内容,以达到补充说明或者提示的效果。
but,通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。
另外,当a标签内嵌套img标签时,起作用的是img的title属性。
最新文章
- Session在类库中的使用
- concurrency parallel 并发 并行
- ubuntu vi/vim编辑器必知必会
- (高精度运算4.7.26)POJ 1220 NUMBER BASE CONVERSION(高精度数的任意进制的转换——方法:ba1----->;10进制----->;ba2)
- mysql高可用探究 MMM高可用mysql方案
- windows下能读写linux分区的软件 转
- [LeetCode]题解(python):019-Remove Nth Node From End of List
- 【原生js】js动态添加dom,如何绑定事件
- service引用
- 安装oracle后不能连接问题
- python中添加环境变量
- React-router v4教程
- sping_依赖注入的三种方式
- Vue note 2
- HTTP 初步探究
- Mysql加锁过程详解(6)-数据库隔离级别(2)-通过例子理解事务的4种隔离级别
- thymeleaf 引入公共html注意事项
- Python3基础 list len 输出元素的个数
- 《DSP using MATLAB》示例Example 6.12
- Linux网络性能评估工具iperf 、CHARIOT测试网络吞吐量