浅析href、src、rel、url

href、src、rel、url总是傻傻分不清

• src

src的来源是source，是外部来源文件，将外部文件嵌入到当前标签的位置，比如img标签的scr，将会嵌入当前位置
并且当当前页面解析到这个标签的时候，页面会停止其他资源的下载和处理
所以当我们写script标签嵌入js文件的时候，一般script标签放在body底部，若放在head将会使页面加载变慢，用户体验感变差

• href
  href的来源是hypertxt reference，是网络资源所在之处，建立当前元素或者当前文档之间的链接，一般link标签常用href
  href有点类似超链接，它并不是嵌入当前位置，只是建立链接，类似word文档中使用超链接
  并且，当浏览器识别到了href是时候，加载或者下载资源并且不会停止对当前文档的处理，就是同步进行

• rel
  指定了当前文档和被链接文档的关系
  如：<script rel=“javascript”
  style rel=“stylesheet/stylus” 这里的css是用的stylus
  rel还很多的属性值，不同属性值有不同的意思

• url
  URL是浏览器寻找信息时所需的资源位置，通过URL，应用程序才能找到并使用共享因特网上大量的数据资源。

参考资料来源：
https://www.cnblogs.com/zhuifeng/p/4008058.html
https://www.cnblogs.com/aNd1coder/archive/2012/05/30/2526359.html
https://www.cnblogs.com/zquancai/p/4045401.html