src与href的区别

发布时间 2023-07-31 00:27:21作者: kyming

src和href的作用都是用于请求资源。(最重要的其实就是阻塞问题)
区别:
1.请求资源类型不同
href,超文本引用,用于建立文档与资源的联系,常用的有:link、a。
src,将其所指向的资源下载并应用到当前页面,常见的有script、img。
2.作用结果不同
href,用于文档与资源之间确立联系。
src,请求到的资源替换当前内容。
3.浏览器的解析不同
href,将资源解析成css文件,并行加载请求资源,不会阻塞对当前文档的处理。
src,会暂停其他资源的处理,直到该资源加载、解析和执行完毕,将其所指向资源应用到当前内容。这也是为什么把js文件放在底部而不是头部的原因,当然不放在头部还有一个原因比如,要暂停HTML解析去执行script标签内容这样会导致页面加载时间太长,不利于用户体验。