＜p title=“给通俗文字提醒”＞文笔迹/p＞

图片img标签alt与title属性评测尝试代码声名：测试代码时把＜ ＞分袂替代为<>

seo优化是慢工也是细活。细节做的好，如鱼得水，做的欠好，举步维艰。做seo优化的都知道，搜索引擎对图片理解是经由过程alt属性，所以在图片alt属泻朐睹包含关头字的简要文字声名，也是页面优化的一部门。如不美观想要做的更好，可以在title属性里，进一步对图片声名。今天就和巨匠分享图片img标签alt与title属性评测尝试。

＜body＞

＜html＞

二、图片只有title属性

＜p＞＜img src=http://www.zhuojie.net/?/web/2012/0724/“” alt=“图片alt属性”＞＜/p＞

＜body＞

＜p＞＜img src=http://www.zhuojie.net/?/web/2012/0724/“” title=“图片title属性”＞＜/p＞

＜p＞＜img src=http://www.zhuojie.net/?/web/2012/0724/“1.jpg” width=“200” height=“200” alt=“图片alt属性” title=“图片title属性”＞＜/p＞

＜/html＞

3、火狐12.0 浏览器图片显示正常，鼠标移到图片上方没有alt文字;

图片img标签alt与title属性评测尝试结不美观：

＜p＞＜img src=http://www.zhuojie.net/?/web/2012/0724/“1.jpg” width=“200” height=“200” alt=“图片alt属性”＞＜/p＞

一、图片只有alt属性

1、IE6 浏览器图片显示打叉与alt文字，鼠标移到图片上方有alt文字;

2、360 浏览器5.1测试版（IE8 内核）图片显示打叉与alt文字，鼠标移到图片上方有alt文字;

2、360 浏览器5.1测试版（IE8 内核）图片显示正常，鼠标移到图片上方有title文字;

图片地址犯错，没有限制图片巨细情形

1、IE6 浏览器图片显示打叉，鼠标移到图片上方有title文字;

3、火狐12.0 浏览器显示破损图片标识表记标帜，鼠标移到图片上方有title文字;

三、图片有alt和title属性

1、IE6 浏览器图片显示打叉与alt文字，鼠标移到图片上方有title文字;

＜/body＞

3、火狐12.0 浏览器图片显示正常，鼠标移到图片上方有title文字;

2、360 浏览器5.1测试版（IE8 内核）图片显示打叉与alt文字，鼠标移到图片上方有title文字;

图片地址正常，而且限制图片巨细情形

一、图片只有alt属性

1、IE6 浏览器图片显示正常，鼠标移到图片上方有alt文字;

2、360 浏览器5.1测试版（IE8 内核）图片显示正常，鼠标移到图片上方有alt文字;

3、火狐12.0 浏览器图片显示alt文字，鼠标移到图片上方没有alt文字;

2、360 浏览器5.1测试版（IE8 内核）图片显示正常，鼠标移到图片上方有title文字;

2、360 浏览器5.1测试版（IE8 内核）图片显示打叉，鼠标移到图片上方有title文字;

三、图片有alt和title属性

1、IE6 浏览器图片显示正常，鼠标移到图片上方有title文字;

1、IE6 浏览器图片显示正常，鼠标移到图片上方有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值。

二、图片只有title属性

seo优化扩展填补：alt属性一般用于图片提醒，title还可以用于给通俗文字或者链接文字提醒。

＜p＞＜img src=http://www.zhuojie.net/?/web/2012/0724/“1.jpg” width=“200” height=“200” title=“图片title属性”＞＜/p＞

3、火狐12.0 浏览器显示alt文字，鼠标移到图片上方有title文字;

一般用法如下代码：

＜a href=http://www.zhuojie.net/?/web/2012/0724/“http://www.zhuojie.net/?**.org/” title=“给链接文字提醒”＞文笔迹/a＞

＜/body＞

＜/html＞

3、火狐12.0 浏览器图片显示正常，鼠标移到图片上方有title文字;

＜html＞

＜p＞＜img src=http://www.zhuojie.net/?/web/2012/0724/“” alt=“图片alt属性” title=“图片title属性”＞＜/p＞