src、href区别，link、@import区别

一、src与href

·src（source）和href（超文本引用），都用于引用外部资源，如图片、音频、css文件、js文件等；

·src（source），指向外部资源的位置，会将资源下载后嵌入到所处标签位置中。在浏览器解析到该元素时，会暂停其他资源的下载、解析，直到将该资源下载、编译、执行完毕。所以js文件一般置于底部而不是头部。

·href（超文本引用），指向网络资源的位置，建立一个当前元素或文档与该网络资源的链接，浏览器将会并行下载，不会停止解析。

 

二、link与@import

·link与@import均用于引用外部css文件。

·类型：link是XHTML标签，支持js控制DOM改变样式，@import属于css范畴，不支持js控制DOM改变样式。

·引用范围：link除了引用css外，还能引用rss等其他事务，@import只能引用css。

·生效时间：link引用css时在页面载入时同时加载css，@import只能等页面加载完毕了再加载css。

·兼容性：link无兼容性问题，@import由css2提出，低版本浏览器不支持。