src&

之前没有注意过这两个有什么区别，因为一直用的webstorm写，每次写个标签里面就会有补全的内容，直到用了echarts之后要外部引用的时候出现了问题
上面提示找不到echarts，原来是我的script里面的写错了

先简单介绍一下href和src
-href： href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a

<link href="reset.css" rel=”stylesheet“/>

img 图片 <img src="/img/1.png" alt="1" />
rame iframe 框架集 <iframe src="girl.gif"></iframe>
input type 为image的提交按钮 <input type="image" src="submit.jpg" alt="Submit" align="right" />
scirpt 脚本 <script type="text/javascript" src="org.js"></script>
style 样式表（胎死腹中的XHTML2中就将src属性推广到了所有元素。比如可以： <style src="common.css"> </style>）

-src：src是source的缩写，src的内容是页面必不可少的一部分，是引入。src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe

<script src="script.js"></script>

a  <a href="http://www.baidu.com" target="_blank">百度</a>
link 引用外部css <link type="text/css" href="iknow_base.css" rel="stylesheet" />
input type 中的onclick事件
<input type=button onclick="window.location.href('#')" />

当浏览器解析到该元素时，会暂停浏览器的渲染，知道该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。
src用于替换当前元素；href用于在当前文档和引用资源之间建立联系

a标签的href不会被当做一个资源替换自身，link标签本身并不包含实际的元素意义来做内容，它需要rel明确的表示被【被连接的文档是做什么的】。至于说为什么当初就决定外部样式表用link href来链接，而不是用style src来载入，可能是因为先贤们认为样式表更符合外部链接资源的特征，它更接近附属的资源，而不是内嵌的内容。