href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然而把href用作子啊涉及的文档和外部资源之间建立一个关系。
href（hypertext Reference）指定网络资源的位置，从而在当前文档和由当前属性定义的需要的锚点或资源之间定义要给链接或者关系。当我们写下
<link href=“index.css” rel=“stylesheet”>
浏览器就会明白当前的资源是一个样式表，页面解析不会暂停（因为浏览器需要样式规则去画或者渲染页面，渲染过程可能会被暂停）。这把CSS文件内容写在<style>标签里不同，因此建议使用link标签而不是@import来把样式导入到html文档里去。
一般用在link 和 a上。
src（source）属性，仅仅把当前的资源嵌入到当前的页面文档元素定义的位置，需要引用的资源的地址。当浏览器找到
<script src=“index.js”>
在浏览器下载，编译，执行的过程中这个文件之前页面的加载和处理会被暂停。这个过程中把js放到<script>标签里类似。这也是建议把js文件放在body结束的标签之前的原因。浏览器暂停加载，直到提取到加载和提取的文件。
一般用在 img iframe script 元素上。