url、src、href的区别

1. url：统一资源定位符

url：包含协议、主机名、端口号、路径，查询字符串（get传参）和锚点
是对应互联网上的任意一种资源位置的描述，每个文件都有相对应的，且唯一的位置 (url)

例如：https:(协议)//www.baidu.com(主机名：ip或者域名):443(端口号)/queryword(路径)?word=百度公司(get传参)#first(锚点)

2. href：超文本引用

将当前引入的资源，与页面建立联系或引用，不会下载该资源，并且不会对页面其他资源的加载造成阻塞

  <link rel="stylesheet" href="./link.css">
  <a href="https://www.baidu.com/"></a>

3. src：嵌入当前资源到文档指定位置

将所指定的文件资源下载并应用到页面当中，只要合理引入路径，几乎不会对别的资源产生影响
但是如果引入JS脚本存在大量的阻塞操作，就会导致页面渲染和其他资源的加载被阻塞

  <script src="./script.js"></script>
  <img src="./abc.png" alt="abc">