HTML中href和src的区别

前言

闲着没事写写单页，免得忘了老底，结果写着写着，发现我把HTML里的href和src又搞混了，想了想干脆写篇博客记下来，毕竟好记性不如烂笔头嘛。

href

href出自Hypertext Reference的缩写，翻译过来是超文本引用，是用于建立当前文档和引用资源之间的链接，一般出现于link、a标签属性，例如：

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

浏览器通过link标签识别该文档为css文档，并对文档进行下载引用，但不会因为下载而停止对当前文档的处理。这也是建议使用link而不采用@import加载css的原因。

src

src源于source的缩写，翻译过来是源，其作用是引入。src属性指向的内容会被嵌入到文档当前标签所在位置，一般出现于img、script、iframe标签属性，例如：

<script src="script.js"></script>

当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕，这也是将js脚本放在底部而不是头部的原因。

总结

src是引入，将当前元素进行替换，而href则是引用，用于当前文档和引用资源之间的关系建立。