20170721-src和href的区别

Posted 10yearsmanong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了20170721-src和href的区别相关的知识,希望对你有一定的参考价值。

href

href(超文本链接)属性指明了一个网络资源的位置,并定义了当前元素(例如一个a标签)或者当前文档(例如一个link标签)和这个网络资源的关系。

<link href="style.css" rel="stylesheer" />
对于上面的代码,浏览器会理解这个外部资源为样式表,在下载这个资源的时候,页面的下载与解析不会停止。

src

src(Source)属性,会在当前文档元素定义的位置将外部资源嵌入(使用外部资源替换元素的内容)

<script src="script.js></script>
对于上面的代码,当页面解析遇到上面的代码时,页面的下载与解析将会暂停,直到浏览器接收、编译、执行完script.js文件。这个过程与在script标签中写入script.js内容类似。

img标签和上面的情况类似。img标签是一个空标签,其src属性对应的图片资源将会填充它。浏览器遇到img标签将会停止页面的加载与解析,直到浏览器加载完图片。

总结

  • src用于使用外部资源填充/替换对应的元素

  • herf则是建立当前文档和外部资源的联系

以上是关于20170721-src和href的区别的主要内容,如果未能解决你的问题,请参考以下文章

src,href 和rel的区别

这两个代码片段有啥区别?

这两个代码片段之间有区别吗?如果有,那又如何? [复制]

字符串插值和片段之间有啥显着区别吗?

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

活动和片段之间有啥区别?