咸鱼剑最近开始了自己的咸鱼日常,闲着没事想想还是要写写网页,免得忘了老底,结果写着写着,发现自己把HTML里的href和src又搞混了,尴尬之鱼想着好记性不如烂笔头,干脆写篇博客记下来。
  href出自Hypertext Reference的缩写,翻译过来是超文本引用,是用于建立当前文档和引用资源之间的链接,一般出现于link、a标签属性,例如:

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

  浏览器通过link标签识别该文档为css文档,并对文档进行下载引用,但不会因为下载而停止对当前文档的处理。这也是建议使用link而不采用@import加载css的原因。
  src源于source的缩写,翻译过来是源,其作用是引入。src属性指向的内容会被嵌入到文档当前标签所在位置,一般出现于img、script、iframe标签属性,例如:

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

  当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕,这也是将js脚本放在底部而不是头部的原因。
  总结起来,src是引入,将当前元素进行替换,而href则是引用,用于当前文档和引用资源之间的关系建立。

-THE END-
最后修改:2020 年 02 月 05 日 12 : 48 PM
如果觉得我的文章对你有用,请随意赞赏