src和href的区别

href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然后把href用于涉及的文档的外部资源之间建立一个关系。

href

href（Hypertext Reference）表示超文本引用，指定网络资源的位置，建立和当前元素或文档的链接关系。当浏览器识别到它指向的文件时，就会并行下载资源，不会停止对当前文档的处理。常用在alink等标签上。比如以下情况：

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

浏览器明白当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被暂停）。这与把css文件内容写在<style>标签不同，因此建议使用link标签而不是@import来把样式表导入到html文档里。因为link是异步操作 GUI渲染页面遇到link会开辟新的HTTP线程去获取资源 GUI继续渲染页面；2. @import是同步的GUI渲染页面的时候遇到@import会等它获取新的样式回来后继续渲染

src

src（Source）表示对资源的引用，嵌入指向资源到当前文档元素定义的位置。src会将其指向的资源下载并应用到文档内，如请求js脚本。当浏览器解析道该元素时，会暂停其他资源的下载和处理，直到将该资源加载编译执行完毕，所以一般建议js脚本放在页面底部。

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

在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到