面试：href和src的区别

href和src都是用来引用外部资源的属性。例如：网址、图片、视频、css文件、js文件等。

href（Hypertext Reference）超文本引用，用来建立当前元素和文档之间的连接。常用有link、a标签等。当它引用资源时，浏览器会将其识别为CSS文档，并行下载资源并且不会停止对当前文档的处理。

<link rel="stylesheet" type="text/css" href="./detail_enter.min.css">

src（Source）会将指向的资源下载并引用到当前的文档中，常用标签有script、img、ifram等。它会替换掉当前的元素。当浏览器解析src时，会暂停其他资源的下载和处理，直接将该资源下载、编译、执行完毕。

<script src="./saved_resource" type="text/javascript"></script>

<img title="首页" src="./20201124032511.png">

<iframe src="https://www.baidu.com"></iframe>

 href会建立一个关联指向资源，而src则是将资源嵌入当前文档中，如下面代码图。