首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >day003: src和href的区别是什么?

day003: src和href的区别是什么?

作者头像
用户3806669
发布2021-03-11 14:33:16
发布2021-03-11 14:33:16
1.8K00
代码可运行
举报
文章被收录于专栏:前端三元同学前端三元同学
运行总次数:0
代码可运行

day003: src和href的区别是什么?

定义

href是Hypertext Reference的简写,表示超文本引用,指向网络资源所在位置。

常见场景:

代码语言:javascript
代码运行次数:0
运行
复制
<a href="http://www.baidu.com"></a> 
<link type="text/css" rel="stylesheet" href="common.css">

src是source的简写,目的是要把文件下载到html页面中去。

常见场景:

代码语言:javascript
代码运行次数:0
运行
复制
<img src="img/girl.jpg"> 
<iframe src="top.html"> 
<script src="show.js">

作用结果

  1. href 用于在当前文档和引用资源之间确立联系
  2. src 用于替换当前内容

浏览器解析方式

  1. 当浏览器遇到href会并行下载资源并且不会停止对当前文档的处理。(同时也是为什么建议使用 link 方式加载 CSS,而不是使用 @import 方式)
  2. 当浏览器解析到src ,会暂停其他资源的下载和处理,直到将该资源加载或执行完毕。(这也是script标签为什么放在底部而不是头部的原因)
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-10-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端三元同学 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • day003: src和href的区别是什么?
    • 定义
    • 作用结果
    • 浏览器解析方式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档