url、href、src区别

url(Uniform Resource Locator)统一资源定位符

href (Hypertext Reference)超文本引用，引用资源与当前文件建立的一种联系，在link、a中使用。

<link href="common.css" rel="stylesheet"/>

执行这句话时候，页面不会停止对文档的处理

src(Source)资源，引用资源替代当前元素，在img、script、iframe中使用。

<script src="js.js"></script>

如果运行到这句话，页面会停止其他资源下载，直到这个资源加载完毕

补充：link和@import的区别

两者都是外部引用CSS的方式，但是存在一定的区别：

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：link支持使用Javascript控制DOM去改变样式；而@import不支持。