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底部加载而不是头部。
posted @ 2022-06-04 03:16  天渺工作室  阅读(2181)  评论(0编辑  收藏  举报