href
href 它的全称为Hypertext Reference其中Hypertext 它是超文本的意思,Reference它是引用或者参照的意思。它是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。
src
src是source的简写,原意为资源的意思。它是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求src资源时会将其指向的资源下载并应用到当前文档中。常用src属性的元素有img、style、script、input、给iframe。
<body>
<img src="smile.png" alt="">
<a href="smile.png"></a>
</body>
最后的结果如下:
打开页面我们只能看到一张被引用的图片,另一张我们需要点击文字才可以另一张。a标签虽然引用的图片,但是需要点击才可以看到图片。说明href属性会建立一个通道,这个通道联系着其他资源,这就好比打开门,其他人才能进门。而img标签,src引用的资源直接成为了当前文档的一部分。实际上src属性在引用的时候会下载目标资源,并且反应到文档上,而且浏览器在遇到这个属性的时候会暂停其他资源的下载和处理,知道属性指向的资源下载编译和执行完了以后,才会进行下一步。
总结:
- href是超链接,会建立通道,让当前元素或者当前文档和引用资源进行联系,需要引用资源的时候就可以通过通道进行引用。
- src属性会把资源下载下来代替当前的元素然后嵌入到文档中。