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