一. src 和 href 的区别
总的来说,src
用来替换当前元素,href
用于当前文档和引用资源之间确立联系!!!
<1> src
src 是 source 的缩写,指向外部资源的位置,指向的内容经下载引入后,会嵌入到当前标签所在位置。
< script src="" /> <img src= "" />
注意:
- 当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到把该资源下载完毕后才会向下继续进行。so我们一般把外部的 js文件 < script src =".js" /> 放在底部而不是头部!!!
<2> href
href 是 Hypertext Reference 的缩写,指向网络资源所在的位置,建立和当前元素之间的链接
< Link href="" /> <a href = "" />
注意:
- 用 href 引入的,浏览器会并行下载资源并且不会停止对当前文档的继续解析!!!
二. link & @import 加载 css 资源
- link 是 XHTML 标签,除了加载 CSS 外,还可以定义 RSS 等其他事务;@import 属于 CSS 范畴,只能加载 CSS
- link 引用 CSS 时,在页面载入时同时加载 CSS ,不会暂停对当前页面的解析加载
- @import 需要页面网页完全载入以后再进行加载 CSS。会出现页面初始无样式问题!!!
所以多采用 Link 进行 CSS 样式的引入