当前位置：首页 > 技术交流

网站建设中alt和title有什么区别

作者：潍坊设计　网址：http://www.536123.com/technology/alt-title.htm

网站建设时alt和title属性是经常用到的，title属性可以应用于绝大多数Html标记，是对当前Html标记的说明。alt属性是图片img特有的属性，是图片的替换文字。

网站建设软件DW默认状态下，图片只能修改alt属性，不能修改title属性，如果想修改需要到代码状态进行操作。事实上alt属性和title属性还是有很大区别的，潍坊设计www.536123.com为您详细解释一下。

alt属性

alt属性是图片img特有的属性，是图片的替换文字，alt的作用适当用户因为某些原因不能看到图片时，会在图片位置显示alt属性的内容。早期互联网速度慢，很多人为了提高访问速度会把浏览器的图片显示功能禁用，所以图片不会被显示，这是alt就起到了重大的作用了。虽然现在网络速度基本可以忽略这些问题，但是别忘了还有很多特殊情况，例如某些手机屏幕分辨率有限可能会被用户禁用图片显示。视觉障碍用户通常使用屏幕阅读器，屏幕阅读器是通过阅读alt来告诉用户图片内容的。

title属性

title属性可以应用于绝大多数Html标记，是对当前Html标记的说明。当鼠标移动到某一个Html标记上以后，浏览器会弹出一个提示来说明当前Html标记的内容。例如最常用到title的地方就是链接，链接通过title属性来告诉用户和搜索引擎点击链接后会连接到什么页面，是网站优化的重要内容。

alt和title的区别

其实本来alt和title并不会有什么相关的问题，只是由于IE浏览器的原因造成了这些问题。在IE中如果图片设置了alt属性，当鼠标移动到图片上时，会出现和title属性一样的提示，这时就造成了图片可以只设置alt属性的假象了，但在其他浏览器上alt属性并不会显示。在IE占据绝对市场地位的情况下，大多数人养成了只设置alt属性的习惯，就连DW软件在编辑图片属性时也只提供了alt属性的编辑框。现在手机上网的人越来越多，手机上的浏览器IE是不占绝对市场地位的，所以alt属性是不能替换title属性的。

在实际网站建设时，潍坊设计建议对于图片img的alt和title属性都需要设置。两者各司其职，title属性是对图片的说明描述，告诉用户图片的内容是什么，alt属性是替换文字，当图片不能显示时告诉用户这里的图片是什么。title属性的优先级高于alt，当两者都设置时优先显示title的内容。