一些链接引入的区别

一、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的方式插入样式。