css 标签上 title 和 alt 的区别

之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步，无以至千里, 戒焦戒躁 。

好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。

1.alt 属性:

1. 如果无法显示 <img> 图像, 浏览器将显示 alt 属性设置的内容为替代文本 。

2. alt 是给搜索引擎识别, 在图像无法显示时的替代文本;

3. 当用户无法查看图像时（可能由于网速太慢、错误的 src 属性、或者用户使用的是屏幕阅读器），alt 属性为图像提供了替代的文本。

4. (因为IE不标准)在 低版本 IE 浏览器中 alt 起到了 title 的作用, 变成文字提示 。
	 1. 在定义 img 对象时, 将 alt 和 title 属性写全, 可以保证在各种浏览器中都能正常使用 。
   
5. alt 属性使用规则:
	 1.如果图像中包含信息，则 alt 文本应该对图像进行描述
	 2. 如果图像位于 <a> 元素中，则 alt 文本应该解释链接指向哪里
	 3. 如果图像是纯装饰性的，请使用 alt=""
	 

2.Title 属性:

1. title 属性规定关于元素的额外信息 。

2. 这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。

3. title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。

4. 总结为:  title 是关于元素的注释信息, 主要是给用户解读 。

3.title 和 alt 的区别

1. 前者 alt 是在图片无法加载的时候才会显示的其值;

2. 而 title 是在图片正常加载鼠标划上去显示的值;

3. 虽然 alt 也有后者的功能, 但是只是在低版本的 ie 浏览器才支持, 高版本及标准浏览器不支持这个功能了 。

如果对你有所帮助，大家可以点个关注；整理知识点不易, 每次都是在工作繁忙之余夜深人静之时整理, 每次整理时都在思考如何让大家更容易理解, 更容易找到、看到自己想看到的内容; 无论知识点是大是小, 我都会验证后再分享, 以防自己发表的文章给大家造成误导。如有问题还望不吝赐教，本人会及时更改 (本文原创, 如需转载，请注明出处) 。