src和href的区别
- src的会先将使用该属性的标签引用资源加载完成之后再进行下面的加载,如
<script>
拿“script”标签举例来说,当浏览器解析到这个标签时,会暂停其他资源的加载,知道script标签加载完毕之后才会继续加载其他内容,这也是为什么建议将该标签放在页面后方打的原因
- href则在加载引用资源的同时会继续对问当进行处理,如
<link href="index.css" rel="stylesheet">
处理css时,浏览器会并行下载资源不会停止对文档的加载,这也是为什么建议使用link
来加载css,而不是使用@import
来进行加载,因为@import
引用的css是等到页面资源都加载完毕后再去加载引入的css