图片img标签alt与title属性评测实验
更新时间:2024-06-14 03:03:01 阅读量: 综合文库 文档下载
图片img标签alt与title属性评测实验
SEO优化是慢工也是细活。细节做的好,如鱼得水,做的不好,举步维艰。做SEO优化的都知道,搜索引擎对图片理解是通过alt属性,所以在图片alt属性中用包含关键字的简要文字说明,也是页面优化的一部分。如果想要做的更好,可以在title属性里,进一步对图片说明,相关知识点SEO优化在《图片优化方法|百度图片优化》文章里有详细说明。今天SEO优化就和大家分享图片img标签alt与title属性评测实验。
图片img标签alt与title属性评测实验代码 说明:测试代码时把< >分别替换为< >
<html>
<body>
<p><img src=\图片alt属性\></p>
<p><img src=\图片title属性\></p>
<p><img src=\图片alt属性\图片title属性\></p>
<p><img src=\图片alt属性\></p>
<p><img src=\图片title属性\></p>
<p><img src=\图片alt属性\图片title属性\></p>
</body>
</html>
图片img标签alt与title属性评测实验结果 图片地址出错,没有限定图片大小情况
一、图片只有alt属性
1、IE6 浏览器图片显示打叉与alt文字,鼠标移到图片上方有alt文字; 2、360 浏览器5.1测试版(IE8 内核)图片显示打叉与alt文字,鼠标移到图片上方有alt文字;
3、火狐12.0 浏览器图片显示alt文字,鼠标移到图片上方没有alt文字;
二、图片只有title属性
1、IE6 浏览器图片显示打叉,鼠标移到图片上方有title文字;
2、360 浏览器5.1测试版(IE8 内核)图片显示打叉,鼠标移到图片上方有title文字;
3、火狐12.0 浏览器显示破损图片标志,鼠标移到图片上方有title文字;
三、图片有alt和title属性
1、IE6 浏览器图片显示打叉与alt文字,鼠标移到图片上方有title文字;
2、360 浏览器5.1测试版(IE8 内核)图片显示打叉与alt文字,鼠标移到图片上方有title文字;
3、火狐12.0 浏览器显示alt文字,鼠标移到图片上方有title文字;
图片地址正常,并且限制图片大小情况
一、图片只有alt属性
1、IE6 浏览器图片显示正常,鼠标移到图片上方有alt文字;
2、360 浏览器5.1测试版(IE8 内核)图片显示正常,鼠标移到图片上方有alt文字;
3、火狐12.0 浏览器图片显示正常,鼠标移到图片上方没有alt文字;
二、图片只有title属性
1、IE6 浏览器图片显示正常,鼠标移到图片上方有title文字;
2、360 浏览器5.1测试版(IE8 内核)图片显示正常,鼠标移到图片上方有title文字;
3、火狐12.0 浏览器图片显示正常,鼠标移到图片上方有title文字;
三、图片有alt和title属性
1、IE6 浏览器图片显示正常,鼠标移到图片上方有title文字;
2、360 浏览器5.1测试版(IE8 内核)图片显示正常,鼠标移到图片上方有title文字;
3、火狐12.0 浏览器图片显示正常,鼠标移到图片上方有title文字;
SEO优化总结图片img标签alt与title属性评测实验 alt和title都是提示性语言标签,它们之间是有区别的。alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明;在使用360 浏览器5.1测试版(IE8 内核)看只有alt属性的图
片没有显示,而测试过程却能显示,这是让SEO优化困惑的,如果有知道的朋友麻烦告知,谢谢。而火狐12.0 浏览器alt属性是不显示的,只显示title属性;在ie6,当鼠标经过图片时title和alt的值都会显示。如果alt和title属性同时存在,显示的是title值。
SEO优化扩展补充:alt属性一般用于图片提示,title还可以用于给普通文字或者链接文字提示。
一般用法如下代码:
<html>
<body>
<p title=\给普通文字提示\>文字</p>
<a href=\给链接文字提示\>文字</a>
</body>
</html>
由东莞搬家公司www.dgants.com www.dgbany.com www.dghybj.com www.hjzshi.com www.zuixinmv.com 整理
正在阅读:
自动变速箱与液力变矩器工作原理 - 图文04-29
2010年12月英语三级真题02-01
小学语文古诗运用复习题全集(竞赛专用)08-23
试卷11-26
护肤品新店活动方案(精选14篇)03-31
2014年刑法攻略柏浪涛笔记(含法条)05-30
绝对有惊喜CLINIQUE倩碧美国官网黑五大礼包来袭05-03
关于团委领导班子工作经验总结述职报告08-04
- 清真菜谱
- 我国国民经济和社会发展十二五规划纲要(全文)
- 高三物理机械振动和机械波复习2
- 浙江省公路山岭隧道机械化装备应用指导手册 doc - 图文
- 2018届高三数学文科二轮复习:专题检测(九) 导数的简单应用
- 2015年上海市公务员录用考试《行政职业能力测验》试卷(B类)
- 七年级道德与法制下册
- 大班户外游戏教案
- 病虫害预警 - 图文
- 某养鱼场为了提高经营管理水平
- 汉中市勉县尧柏余热汽机规程 10
- 烹饪试卷
- 事业单位考试公共基础知识专项分类题库训练
- 语文:第2课 走一步,再走一步 课堂导学案(人教版 七上)
- 天汉使用手册
- 人教版小学三年级数学下册教学计划
- 房地产销售管理完全操作手册122页
- 2009年评审通过具有中学高级教师专业技术资格人员名单...
- 《15秋公共关系学》作业1
- 2017最新版监理公司三标一体管理手册
- 属性
- 评测
- 实验
- 标签
- 图片
- title
- img
- alt
- 最新档案馆归档资料整理、立卷、装订要求名师资料汇编
- 人教版高中地理必修二2.1《城市内部空间结构》自主探究学案(第1
- 云南省曲靖市罗平县第四片区2016届九年级上学期期中联考英语试卷
- 货币银行学作业与习题
- 煤矿防治瓦斯超限措施
- 税务管理案例分析题(学生用)
- 小学二年级上册北师大版语文全册完整教案及教学设计
- 2010年度应对突发事件工作总结评估报告
- 数学实验习题
- 大学生人际交往与沟通指导研究
- 徐矿集团锚杆支护技术规范
- 青岛版五年级小学数学上限时作业
- 承台施工技术交底书2级
- 家用空气能热水器的安装方法
- 工程项目管理制度汇编-01
- 数学思维教育读书报告
- 南方新课堂新高考化学一轮新高考总复习:第四单元金属及其化合物
- 江苏省“中学优秀校本课程案例”获奖目录 - 图文
- 浅谈京东商城的网络营销策略 - 图文
- 物流毕业论文 - 第三方物流发展趋势