src与href的区别以及title和alt属性的区别

src与href的区别：

src：src用于引用资源，替换当前元素

         src用于引用资源，替换当前元素，用于img，script，iframe上，src是页面内容不可缺少的一部分。当浏览器解析到src，会暂停其他资源的下载和处理（图片不会暂停其他资源下载和处理），直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议将js脚本放在底部而不是头部的原因

href：href用于在当前文档和引用资源之间确认联系

href标识超文本引用，用在link和a元素上，href是引用和网页关联，是在当前元素和引用资源之间建立联系，若在文档中添加href，浏览器会识别该文档为css文件，就会下载资源并且不会停止对当前文档的处理，这也是为什么建议使用link方式加载css，而不是@import方式

link和@import的区别：

1.link引用css时，在页面载入同时加载，@import需要页面网页完全载入以后加载。

2.link是HTML标签，无兼容问题，@import是在CSS2提出的，低版本的浏览器不支持

3.link支持所有JavaScript控制DOM去改变样式，@import不支持

title和alt属性的区别

 alt属性：

        1.在img标签中图片加载不出来的情况下，就会在图片未显示的位置提示一段文字，这样做的目的是为了给用户和开发人员进行友好提示

        2.搜索引擎可以通过这个alt属性上面的问题描述，获取图片

<img src="img/abc.jpg" alt="alt图片加载不出来提示文字" />

alt属性效果

 

title属性：

        1.可以使用在任意元素上，当用户把鼠标移入到元素的时候，就会显示title的内容，起到对图片的说明作用

<img src="../code/images/loading.gif" title="鼠标放上显示内容" />

title属性效果图

 

区别：

        1.alt属性是给搜索引擎识别，在图片加载失败时提示文本信息

        2.title属性用于元素的信息展示，主要给用户进行解图和提示

        3.当用户鼠标放到文字或者图片上的时候，有title进行文本显示

        4.在使用img标签时，可以把alt和title属性都写全，这样可以保证在各种浏览器中都能使用