href 是 Hypertext Reference 的简写, 表示的是超文本引用, 指向网络资源所在位置, 建立和当前元素 (锚点) 或当前文档 (链接) 之间的链接, 它与页面直接的关系为链接的关系, 在加载它的时候页面本身也不会停止其他内容的加载.
常用的有: link,a. 例如:
- <span style="font-family:'Microsoft YaHei';font-size:16px;"><a href="https://www.baidu.com"><a/>
- <link type="text/CSS" rel="stylesheet" href="common.css"></span>
浏览器会识别该文档为 css 文档, 并行下载该文档, 并且不会停止对当前文档的处理. 这也是建议使用 link, 而不采用 @import 加载 css 的原因.
src 是 source 的简写, 表示的是引入文件, 目的是要把文件加载到 html 页面中去, 当浏览器解析的时候会暂停其他的内容而会先加载 src 内容, 必须要等到 src 的内容加载完成之后才会执行后面. 这就是为什么 js 文件往往放在了 html 文件的最下面的原因. 如果是在页面 head 上放了 js 文件, 目前我知道的一种方法来实现 js 最后加载的方法就是在 js 脚本里使用: window.onload 事件处理.
src 的内容是页面必不可少的一部分. src 指向的内容会嵌入到文档中当前标签所在的位置. 常用的有: img,script,iframe. 例如
- <span style="font-family:'Microsoft YaHei';font-size:16px;"><img src="img/girl.jpg">
- <frame src="top.html">
- <script src="show.js"></span>
简而言之, src 用于替换当前元素; href 用于在当前文档和引用资源之间建立联系.
来源: https://www.2cto.com/kf/201806/755868.html