haizlin/fe-interview

[html] 第91天 请描述下元素的href和src有什么区别？

Opened this issue · 5 comments

haizhilin2013 commented

第91天 请描述下元素的href和src有什么区别？

shejiJiang commented

1.概念不同
href用于在当前文档和引用资源之间确立联系
src用于将资源替换当前元素
2.解析方式不同
href解析时，会并行下载资源且不会停止当前文档处理
src解析时，会暂停当前文档处理

  • 👍22
xjt31012 commented

href 的属性值是链接，是链接的目标
src 属性值是文件的路径或地址，是引用资源

  • 👍3
nowherebutup commented

1.href:获取位置,建立连接; src:请求资源,并下载获取
2.href;异步解析文件; src:同步解析,会中断当前文件的解析

pokerLife commented

记得做过

Konata9 commented

href 只是建立一个与目标地址的关系。比如 link,a。浏览器读到 href 的时候不会暂停解析（link 中由于是 CSS 相关，在生成 Render Tree 的时候可能需要等待）。

src 相当于把指定的资源潜入到标签中。因此需要有下载、编译、执行这个过程。在这个过程走完前，浏览器的页面加载和渲染会被暂停。因此才会有把 script 标签放到 body 最后、img 标签的 src 等页面加载后在替换成真正的 src（懒加载）等操作。

参考文档：
url、href、src 详解

  • 👍2