html href与src的区别

总结：

1. href用于建立当前页面与引用资源之间的关系（链接）；而src则会替换当前标签。
2. 遇到href，页面会并行加载后续内容；而带src的部分标签(<script>)则不同，浏览器需要加载完毕src的内容才会继续往下走。
3. 常用标签不同

一、href

1. href 超文本引用（Hypertext Reference），用于建立资源和页面间的联系通道
2. 常用标签： <a>, <link>
3. 在解析包含 href 属性的标签时，浏览器会继续往下走，不会影响后续标签的解析。例如：使用 <link> 标签加载 css 文件时，在解析到 <link> 标签时，浏览器会并发地下载所需文件，不会影响后续解析。（推荐使用 <link> 标签来引入css文件，而不使用 @import）

二、src

1. src 资源（Source），表明引用资源，替换当前元素，是当前页面不可缺少的一部分
2. 常用标签：<script>, <img>, <input>, <iframe>
3. 在解析包含 src 属性的 <script> 标签时，浏览器会暂停其他资源的下载和处理，直至将该资源加载，编译，执行完毕。（这也是为什么要推荐将<script> 脚本放到底部而不是头部。或者添加defer或async属性）

补充：

1. <img> 不会阻塞页面的解析，但会阻塞页面的渲染。需要等待 <img> 下载完毕后才能完成页面的渲染