src和href的区别

src和href从使用上来看都是对外部资源的一种引用，但是在具体理解上是有差异的。

href的值指定的是资源在网络上的位置，定义的是当前页面上的某个元素与需要的资源文件的一个链接。比如下面一个语句。

href引用

当浏览器解析到页面的这条语句时，会知道在这里引用了一个外部样式文件，但并不会阻止页面解析。这与@import有很大不同，因此在引入外部样式时，推荐使用link标签。

src的值表示的是页面上必不可少的内容，需要将指定内容加载到当前页面中。比如下面一个语句。

src引用

当浏览器解析到页面上的这条语句时，浏览器会对这个文件进行解析，编译和执行，从而导致整个页面加载会被暂停，这也是为什么一般会选择将script标签放在body结束标签的前面。

有一种更好的理解方式，href表示的是一个资源的链接；src是对当前元素的替换，内容最终会嵌入到当前页面中。