src与href的小总结

src (source) 源

可替换的元素,src指向的内容会嵌入到文档中当前标签所在的位置

如常用:<img src="images/logo.png"/>

href  (Hypertext Reference) 超文本引用

用于在涉及的文档和外部资源之间建立一个关系,让当前标签能够链接到目标地址上,而非是为了把目标拉进页面来替换原有的内容

如常用:<a href="#"></a>

*但当我们加载js和css文件时

<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

加载js文件时:js内容嵌入到文档中,浏览器解析,此时会暂停浏览器的渲染,直到该资源加载完毕。(这也是我们如果把js文件放在header里面时,因为加载js的原因,页面出来总要慢个几秒)

加载css文件时:页面解析不会暂停,不会因为单一的错误而导致接下来的样式加载。

 

 

原文地址:https://www.cnblogs.com/Tiboo/p/6798580.html