src和href的区别

155 阅读1分钟

一、href

href: 是指向网络资源所在的位置,建立和当前元素(锚点)或者当前文档(链接)之间的链接,用于超链接标识超文本引用。

二、src

src: 是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置 。在请求src资源时会将其指向的资源下载到当前文档钟。

    • 最常见含该属性的标签:
    • 用于:下载和处理资源,替换当前元素。

三、区别

1.请求资源类型不同

    • href:超文本引用,建立文档与资源的联系。
    • src:将其所指向的资源下载并应用(替换)到当前页面。

2.浏览器的解析不同

    • href:当浏览器遇到href会并行下载资源并且不会停止对当前文档的处理。(同时也是为什么建议使用 link 方式加载 CSS,而不是使用 @import 方式)
    • src:当浏览器解析到src ,会暂停其他资源的下载和处理,直到将该资源加载或执行完毕。(这也是script标签为什么放在底部而不是头部的原因)

参考文档:

blog.csdn.net/zy184225004…

blog.csdn.net/weixin_4583…