用途和请求资源类型
src(source)
用于替换当前元素,主要用于嵌入到当前文档中的图像、音频、视频或 Javascript 文件,比如 js文件、img图片、frame 等元素
href(Hypertext Reference)
主要用于建立当前元素和文档之外的资源之间的链接,常用于 link 和 a 标签
引用方式和作用结果
src 引用的资源是必需的,会将其指定的资源下载并应用到文档中,替换当前内容,而 href 属性引用的资源是可选的,不会占据文档的空间,只用于指定链接到文档之外的资源,用于在当前文档和引用资源之间确立联系。
浏览器的解析方式
当浏览器解析到 src 时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,这也是 为什么将 js 脚本放在文档底部而不是头部的原因,而浏览器在识别到 href 指向的文件时,会并行下载资源,不会停止当前文档的处理,