src和href的区别,简述了link和@import原因和区别
1.src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。
- src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求src资源时会将其指向的资源下载并应用到当前文档中,例如js脚本,img图片和frame等元素。
- 当浏览器解析到这一句的时候会暂停其他资源的下载和处理,直至将该资源加载,编译,执行完毕,图片和框架等元素也是如此,类似于该元素所指向的资源嵌套如当前标签内,这也是为什么要把js饭再底部而不是头部。
2.href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系
- 当浏览器解析到这一句的时候会识别该文档为css文件,会下载并且不会停止对当前文档的处理,这也是为什么建议使用**link**方式来加载css而不是使用**@import**。
扩展:link和@import
两者都是外部引用CSS的方式,但是存在一定的区别:
- link属于html标签 , 而import 是css中提供的
- link无兼容问题,import 低版本浏览器不支持 只有在ie5以上才可以被识别
- link引用CSS时,在页面载入时同时加载;而@import引用的CSS会在页面加载完成后才会加载引用的CSS。
- link引入样式的权重大于@import的引用 ( @import是将引用的样式导入到当前的页面中 )。