HTML中href和src的区别

  咸鱼锋最近开始了自己的咸鱼日常,闲着没事想想还是要写写网页,免得忘了老底,结果写着写着,发现自己把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则是引用,用于当前文档和引用资源之间的关系建立。

最后修改:2019 年 08 月 05 日 12 : 21 AM
如果觉得我的文章对你有用,请随意赞赏

2 条评论

  1. 文娱帝国

    写的很好,很喜欢

    1. 陈·锋
      @文娱帝国

      感谢阅读呀ヾ(≧∇≦*)ゝ

发表评论