前端进阶（随手记）------src、href和rel的区别

最近在学JS，很多之前学过的知识点，有点混淆，复习一下。
一：src
定义：src是source的缩写，引用外部资源（指向外部资源的位置）。
用于：img、 script、iframe标签上。
举例子：<img src="img/test.jpg"/>

二：href
定义：href (Hypertext Reference)指定网络资源的位置，是引用和页面关联，是在当前元素和引用资源之间建立联系。
用于：link 、a标签上。

三：rel
定义：rel属性规定当前文档与被链接文档之间的关系。（属性值多用stylesheet）
用于：link 、a标签上。

注意：
1： 当前文档解析到这里的时候，会识别该文档是CSS文件，会下载并且不会停止对当前文档的处理。
2：当浏览器解析到这里的时候，会暂停其他资源的下载和处理，直至将该资源加载，编译，执行完毕，（图片和框架等元素也是如此）这就是为啥把JS文件放在底部的原因。