跳到主要内容

网站HTML语言中img标签的alt和title属性的区别

网站优化时需要注意,alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值,而title是在图片正常加载鼠标划上去显示的值,虽然alt也有后者的功能,但是只是在低版本的ie浏览器才支持,高版本及标准浏览器不支持这个 功能了。
工具原料;编辑器、浏览器

图片alt属性

1、alt是在图片不能正常加载时候显示的提示语,代码如下:

<img src="../mgsh_com_cn_logo.jpg"  alt="米国生活logo" rel="nofollow,noopener" />

2、运行结果如下:
米国生活logo-alt标签米国生活logo
而图片是用户看不到,但是设置了alt,搜索引擎还是能看到图片是“米国生活LOGO”。
米国生活网站建设将alt放到了前端,用户可以轻松的修改alt进行优化,而不需要进入代码进行修改,毕竟不是每个写文章的人都能进入代码,修改代码。

图片title属性

1、title属性是鼠标划上去显示的内容,代码如下:

<img src="../mgsh_com_cn_logo.jpg"  title="米国生活logo" rel="nofollow,noopener" />

2、运行效果如下:
米国生活logo
区别:
锚文本的title和图片的title不是一个效果,也不是一个含义。

延伸阅读:
如何使用SEO入门指南五分钟上手优化网站?
SEO优化与品牌建设有什么关系?

返回顶部

MGSH-EBRP 品牌服务留资表单