src和href的区别

src

src 是 source (来源) 的缩写，指向外部资源的位置。

src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。

当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载、编译、执行完毕。

这也是将 js 脚本放在底部而不是头部得原因。

href

href 是 Hypertext Reference (超文本链接) 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接。

并行下载资源时并且不会停止对当前文档的处理。

这也是为什么建议使用 link 方式来加载 css ，而不是使用 @import 方式的原因。