Skip to content

[html] 第91天 请描述下元素的href和src有什么区别? #757

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第91天 请描述下元素的href和src有什么区别?

Activity

shejiJiang

shejiJiang commented on Jul 15, 2019

@shejiJiang

1.概念不同
href用于在当前文档和引用资源之间确立联系
src用于将资源替换当前元素
2.解析方式不同
href解析时,会并行下载资源且不会停止当前文档处理
src解析时,会暂停当前文档处理

xjt31012

xjt31012 commented on Jul 16, 2019

@xjt31012

href 的属性值是链接,是链接的目标
src 属性值是文件的路径或地址,是引用资源

nowherebutup

nowherebutup commented on Jul 16, 2019

@nowherebutup

1.href:获取位置,建立连接; src:请求资源,并下载获取
2.href;异步解析文件; src:同步解析,会中断当前文件的解析

pokerLife

pokerLife commented on Jul 16, 2019

@pokerLife

记得做过

Konata9

Konata9 commented on Aug 22, 2019

@Konata9

href 只是建立一个与目标地址的关系。比如 link,a。浏览器读到 href 的时候不会暂停解析(link 中由于是 CSS 相关,在生成 Render Tree 的时候可能需要等待)。

src 相当于把指定的资源潜入到标签中。因此需要有下载、编译、执行这个过程。在这个过程走完前,浏览器的页面加载和渲染会被暂停。因此才会有把 script 标签放到 body 最后、img 标签的 src 等页面加载后在替换成真正的 src(懒加载)等操作。

参考文档:
url、href、src 详解

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @shejiJiang@haizhilin2013@Konata9@xjt31012@pokerLife

        Issue actions

          [html] 第91天 请描述下元素的href和src有什么区别? · Issue #757 · haizlin/fe-interview