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加载的是当前页面的一部分。
src和href的区别是:作用结果不同、浏览器解析方式不同、请求资源类型不同。
作用结果不同
href 用于在当前文档和引用资源之间确立联系;
src 用于替换当前内容。
浏览器解析方式不同
src是指向外部资源的位置,指向的内容会嵌⼊到⽂档中当前标签所在的位置,在请求src资源时会将其指向的资源下载并应⽤到⽂档内,如js脚本,img图⽚和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,知道将该资源加载、编译、执⾏完毕,所以⼀般js脚本会放在底部⽽不是头部。
href是指向⽹络资源所在位置(的超链接),⽤来建⽴和当前元素或⽂档之间的连接,当浏览器识别到它他指向的⽂件时,就会并⾏下载资源,不会停⽌对当前⽂档的处理。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。