HTML5 中 href 与 src 的区别

href 是 Hypertext Reference 的缩写,表示超文本引用,用来建立当前元素(锚点)与 网络资源所在位置 的链接。

当浏览器解析到这个属性时,会并行地下载该链接文档,并不会停止对当前文档的处理。
常用的有:link、a。

src 是 source 的缩写,src 指向文档的内容会被嵌入到当前标签所在的位置中。

当浏览器解析到该属性时,会暂停页面的渲染,直至该资源加载完毕。
常用的有:img、script、iframe。

注意:

  • 由于加载并执行 js 会暂停页面的渲染,因此建议把 js 放在 html 文件的底部 或者 将初始化方法封装进 window.onload 中。
  • CSS 的 @import 实际上是通过类似 src 的方法引入的,会停止浏览器渲染,所以尽量避免使用。

猜你喜欢

转载自blog.csdn.net/chy555chy/article/details/81061283