href和src的区别

href与src的区别

我们在开发页面的时候，需要引入一些外部的资源，经常分不清href与src，下面我们就来谈谈它们之间到底是什么。
1.href：HyperText Reference的缩写，超文本引用，它执行一些网络资源，建立和当前元素或者说是本文档的链接关系，在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下走，常用在a，link（当浏览器加载到link标签时，会识别这是css文档，并行下载该css文档，但并不会停止对当前页面后续内容的加载，这也是不建议使用@import加载CSS的原因）等标签。
2.src： 表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。由于src的内容是页面必不可少的一部分，因此浏览器再解析src时会停下来对后续文档的处理，知道src的内容加载完毕，常用在script、img、iframe标签中。

总结：

href用于建立当前页面与引用资源之间的关系，而src会替换当前标签。遇到href，页面会并行加载后续内容，而src则需要浏览器加载完毕src的内容才会继续往下走。