html中href和src的区别

1、href：全称是Hypertext Reference （超文本引用）
常用的标签有link和a
href是建立和当前元素/文档之间的链接，属于并行下载资源（不会阻塞进程）
例子：<link href="a.css" rel = "stylesheet">
浏览器会先识别该文档为css文件，并行下载该资源并且不会停止对当前文档的处理
因此我们常用link来加载css，不用@import
2、src：全称是source（资源）
常用标签：script、img、input、style、iframe
src指向的内容会嵌入当前标签的位置，需要等待资源下载完毕才能继续执行当前的进程（阻塞进程）
例子：<script src = "a.js"></script>
浏览器解析到该元素时，会暂停其他资源的下载和处理，知道将该资源加载、编译、执行完毕
因此我们经常将js脚本放在底部