img标签中alt和title属性的正确使用（img标签title和alt区别）这样也行？

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

文章摘要

文章介绍了HTML图片标签中的`alt`和`title`两个属性的作用及正确使用方法。`alt`属性用于图片在无法正确显示时的文本替代作用，但IE浏览器中还起到了`title`的辅助作用，混淆了两者的功能。文章指出，初学者常常错误地仅使用`alt`属性，而忽略了`title`属性的重要性。此外，文章提醒，`title`属性在用户体验中尤其重要，建议在关键图片（如品牌logo）中使用。文章还补充了IE浏览器中对`title`属性的误用问题，并强调了`title`属性的必要性。最后，文章推荐了几个与`alt`和`title`相关的扩展应用，供读者参考。

在的img标签有两个属性分别为alt和title，对于很多初学者而言对这两个属性的正确使用都还抱有迷惑，当然这其中一部分原因也是ie浏览器所导致的。正确的使用这两个属性除了可以提高图片的搜索能力外，在用户体验上也是很有帮助，下面就来说说alt和title的概念与正确使用。

alt

此属性的实质作用是图片在无法正确显示的时候起到文本替代的作用,不过在IE6下还起到了title的作用（鼠标放上去后的文字提示），IE的实现方法实际上是错误的。如果想在鼠标滑过时显示提示,应该用title属性。由于错误的引导，很多初学者就在img标签内只加了alt属性。所以这里再次表扬一记FF！

title

鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

您可能感兴趣的文章:基于JQuery模仿苹果桌面的Dock效果(初级版)用JQuery模仿淘宝的图片放大镜显示效果alt属性和title属性用jquery模仿的a的title属性(兼容ie6/7)