一、href
href: 是指向网络资源所在的位置,建立和当前元素(锚点)或者当前文档(链接)之间的链接,用于超链接标识超文本引用。
-
- 最常见含该属性的标签:和。
- 用于:超文本的引用和页面关联,是当前元素和引用资源之间建立联系
二、src
src: 是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置 。在请求src资源时会将其指向的资源下载到当前文档钟。
-
- 最常见含该属性的标签:
、
- 用于:下载和处理资源,替换当前元素。
- 最常见含该属性的标签:
三、区别
1.请求资源类型不同
-
- href:超文本引用,建立文档与资源的联系。
- src:将其所指向的资源下载并应用(替换)到当前页面。
2.浏览器的解析不同
-
- href:当浏览器遇到href会并行下载资源并且不会停止对当前文档的处理。(同时也是为什么建议使用 link 方式加载 CSS,而不是使用 @import 方式)
- src:当浏览器解析到src ,会暂停其他资源的下载和处理,直到将该资源加载或执行完毕。(这也是script标签为什么放在底部而不是头部的原因)
参考文档: