src 和 href 的区别

src 和 href 之间存在区别，不能互换使用。

• src：表示对资源的 引入，它指向的内容会被浏览器替换，嵌入到当前标签所在的位置；
• href：表示对资源的 引用，建立当前元素或当前文档和外部资源之间的链接关系。

src

src(Source) 属性仅仅表示会在此文档当前元素的位置上嵌入资源，它会 暂停其他资源的下载和处理。比如，当浏览器读到：

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

那么浏览器会暂停当前页面的加载，直到获取、解析并执行完这个 JS 文件。它类似于将 JS 文件的内容转存到 <script> 标签中。

提示

这就是为什么需要将 <script> 标签放到最后。

<img> 标签也类似，它是一个空标签，包含的内容由 src 属性定义，当遇到这个标签，浏览器也会停止加载页面，直到获取并加载这个图片。

类似的，<iframe> 标签也一样。

href

href(Hypertext Reference) 属性即超文本引用，它会指定 Web 资源的位置，从而定义当前链接（<a> 标签）或当前文档（link 标签）与目标之间的联系，不会暂停对当前文档的解析。

比如：

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

浏览器会知道这是个 CSS 文件，HTML 的解析 不会 暂停，但是渲染有可能暂停，因为浏览器需要知道样式规则。