src与href属性的区别

admin3年前 (2018-04-08)Web技术1029

src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。

src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。

<script src ="js.js"></script>

当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。


href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加

<link href="common.css" rel="stylesheet"/>

那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。


href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。

src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。


标签: 技术

相关文章

域名解析记录设置

域名解析记录设置

解析记录类型云解析支持的记录类型包含:A记录CNAME记录MX记录AAAA记录TXT记录URL显性/隐性转发NS记录SRV记录CAA记录A记录使用场景添加 A 记录可实现将域名指向 IP 地址。设置方...

PyCharm 常见问题汇总

A:download and install jre x86 by jetbrains 要不要选择Q:建议选上,这样可以省去很多不必要的麻烦。jre(Java Runtime Environment)...

马云:未来三十年属于“用好互联网技术”的人

马云:未来三十年属于“用好互联网技术”的人

阿里巴巴董事局主席马云今日上午在第三届世界互联网大会开幕式上发表主题演讲时表示,未来30年属于“用好互联网技术”的公司、国家和年轻人。马云是唯一一位本次世界互联网大会开幕式上发表演讲的中国企业家。&n...

python计算机二级考试组合数据类型例题解析

dict = {'a': 1, 'b': 2, 'b': '3'}...

搞懂VPS 云服务器ECS 虚拟主机

什么是VPS? Virtual Private Server简称VPS。是在一台真实服务器上使用虚拟机技术虚拟成多个小主机,用VZ或VM在一台服务器上虚拟出多个类似独立服务器的部分,每个部分...

如何成为一名黑客?

原文出处: Eric Steven Raymond   译文出处:Barret   内容一览为什么会有这份文档?什么是黑客?黑客应...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。