href 和 src 的区别
原创大约 1 分钟
href 和 src 的区别
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 底部加载而不是头部。
3. 浏览器解析方式和权重的不同
4. 浏览器解析方式和权重的不同