html中 src 和 href 的区别

首先src为单词Source的缩写，语义化就是资源的意思。表示的是需要下载那些资源位置。

比如说 img，script ,ifame 的标签。首先浏览器执行的时候遇到src属性，首先会对该属性指向的位置资源进行下载 编译 并且执行,最后替换当前的document。这个过程中html的解析会被阻塞，这就是一般情况下sctipt标签放在head页面会出先留白的原因。小tip(defer,async可解决这个问题喔)

href: 为单词HypertText Refrence的缩写，语义化就是超链接引用的地址。表示的是当前元素和引用资源之间的关系。比如说 a link 标签。浏览器解析遇到href时 如 <link href="common.css" rel="stylesheet"/> 会被标记为该文档为css文件，会并行的下载对应的资源，但不会阻塞当前页面html 的处理解析。所以建议用link 方式来加载css文件 而不是@import