src和href的区别 前端基础面试题

src和href的区别

---

1. 请求资源类型不同

(1) href 全称为Hypertext Reference的缩写。意思是指定超链接目标的URL。href 属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScript代码段。
常用link, a标签。

作用： 主要用来建立当前元素和href引用元素的链接关系。

(2) src ，原词Source是指向物件的来源地址。主要指向需下载的资源。常用标签script,img,ifame等

作用 ：将其指向的资源下载并应用到当前document中，并且替换当前元素。

---

2. 浏览器解析方式和权重的不同

(1) 用 href时，加载到对应位置的时，不会暂停其他资源的下载或行为。

权重思想： href链接的的是当前页面的一部分附属资源。

注意点：所以CSS样式可以放在html结构的头部优先加载（因为不影响页面的核心加载，只是HTML标签的对应样式表）

(2) 用src时候，会暂停其他资源的下载，直到当前资源加载，编译，执行完成了，并且把当前资源替换到src引用处了。

权重思想： src加载的是当前页面的一部分。

注意点：这就是为何js脚本一般回放到document底部加载而不是头部。