src和href的区别?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

src和href的区别?

src和href的区别?

展开
收起
sunyalei 2022-12-01 22:47:36 558 0
3 条回答
写回答
取消 提交回答
  • 相信光的奥特王小懒
    一名在读研究生程序猿,欢迎大家指教,我们共同进步!

    src和href的区别 1. 请求资源类型不同 (1) href 全称为Hypertext Reference的缩写。意思是指定超链接目标的URL。href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript代码段。 常用link, a标签。

    作用: 主要用来建立当前元素和href引用元素的链接关系。 (2) src ,原词Source是指向物件的来源地址。主要指向需下载的资源。常用标签script,img,ifame等

    作用 :将其指向的资源下载并应用到当前document中,并且替换当前元素。 2. 浏览器解析方式和权重的不同 (1) 用 href时,加载到对应位置的时,不会暂停其他资源的下载或行为。

    权重思想: href链接的的是当前页面的一部分附属资源。

    注意点:所以CSS样式可以放在html结构的头部优先加载(因为不影响页面的核心加载,只是HTML标签的对应样式表) (2) 用src时候,会暂停其他资源的下载,直到当前资源加载,编译,执行完成了,并且把当前资源替换到src引用处了。

    权重思想: src加载的是当前页面的一部分。

    2022-12-02 12:28:46
    赞同 展开评论 打赏
  • 游客6452zoafl6k3g
    学无止境!

    src和href的区别是:作用结果不同、浏览器解析方式不同、请求资源类型不同。

    作用结果不同

    href 用于在当前文档和引用资源之间确立联系;

    src 用于替换当前内容。

    浏览器解析方式不同

    2022-12-02 12:05:42
    赞同 展开评论 打赏
  • 小周sir
    面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。
    • src是指向外部资源的位置,指向的内容会嵌⼊到⽂档中当前标签所在的位置,在请求src资源时会将其指向的资源下载并应⽤到⽂档内,如js脚本,img图⽚和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,知道将该资源加载、编译、执⾏完毕,所以⼀般js脚本会放在底部⽽不是头部。

    • href是指向⽹络资源所在位置(的超链接),⽤来建⽴和当前元素或⽂档之间的连接,当浏览器识别到它他指向的⽂件时,就会并⾏下载资源,不会停⽌对当前⽂档的处理。

    2022-12-02 08:44:15
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载