【css面试题】src和href的区别

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属性会把资源下载下来代替当前的元素然后嵌入到文档中。
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

纵有千堆雪与长街

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值