src 和 href 的区别在哪里?

73 阅读1分钟

用途和请求资源类型

src(source)

用于替换当前元素,主要用于嵌入到当前文档中的图像、音频、视频或 Javascript 文件,比如 js文件、img图片、frame 等元素

href(Hypertext Reference)

主要用于建立当前元素和文档之外的资源之间的链接,常用于 link 和 a 标签

引用方式和作用结果

src 引用的资源是必需的,会将其指定的资源下载并应用到文档中,替换当前内容,而 href 属性引用的资源是可选的,不会占据文档的空间,只用于指定链接到文档之外的资源,用于在当前文档和引用资源之间确立联系。

浏览器的解析方式

当浏览器解析到 src 时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,这也是 为什么将 js 脚本放在文档底部而不是头部的原因,而浏览器在识别到 href 指向的文件时,会并行下载资源,不会停止当前文档的处理,