一、href和src的区别:
src:source的缩写,用于替换当前元素,表示的是对外部资源的引入,它指向的外部资源会嵌入到当前标签所在的位置。由于src的内容是页面必不可少的一部分,因此浏览器 在解析src时会暂停其他资源的下载和处理,直至将该资源加载完毕。常用在img、iframe等标签中。
href:Hypertext Reference的缩写,超文本引用,他指向一些网络资源的所在位置,建立和当前文档的链接关系。在加载它的时候,页面会并行加载后续内容。常用在a、link等标签。
二、link和@import的区别:
1、从属关系区别
@import是CSS提供的语法规则,只有导入样式表的作用;
link是HTML提供的标签,不仅可以加载CSS文件,还可以定义RSS,定义rel链接属性等
2、加载顺序区别
加载页面时,link标签引入的CSS被同时加载;
@import引入的CSS会等到页面全部被下载完在加载。
所以有时候浏览@import加载CSS的页面时会没有样式,网速慢时很明显。
3、兼容性区别
因为@import是CSS2.1时才有的语法,所以@import只有在IE5以上的才能识别。
link标签作为HTML元素,不存在兼容性问题。
4、DOM可控性区别
因为DOM方法是基于文档的,所以可以通过JavaScrip控制DOM插入link标签来改变样式;而无法使用@import的方式插入样式。