傻傻分不清的href,src,url

本文介绍了HTML中的href与src属性的不同之处。href用于在当前文档和引用资源之间建立联系,如链接到样式表,不会阻塞页面渲染。src则用于替换当前元素,如加载图片或脚本,会导致浏览器暂停渲染直至资源加载完成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

href(Hypertext Reference)指定网络资源的位置。

浏览器会识别href指定的文档,并行下载该文档,并且不会停止对当前文档的处理。

<link href = "style.css" rel = "stylesheet">

浏览器获取到当前资源是一个样式表,但是页面解析不会暂停,但是由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被暂停。直接将样式写在<style>标签和用@import导入,这两种方式均是加载完成之后才继续该文档的渲染。所以,更推荐href

src(source)是引入。

src指向的文件会替换掉当前的标签,例如<image src = "1.png">,页面会将1.png加载出来,在接着往下解析。

当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。
同样,如果将js脚本放在<head>标签中,页面会先加载js文件,这样降低了页面的效率,将js脚本放在底部而不是头部。
简而言之,src用于替换当前元素;href用于在当前文档和引用资源之间建立联系。

URL(Uniform Resource Locator)统一资源定位符

表示从互联网上得到的资源的位置和访问方法,是互联网上标准资源的地址。互联网上每一个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值