src与href属性的区别

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

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 的内容,是与该页面有关联,是引用。区别就是,引入和引用。


标签: 技术

相关文章

nano文本编辑器使用教程

nano是Unix和类Unix系统中的一个文本编辑器,是Pico的复制品(clone)。nano的目标是类似Pico的全功能但又易于使用的编辑器。nano是遵守GNU通用公共许可证的自由软件,自从2....

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

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

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

PyCharm 常见问题汇总

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

彻底搞懂云服务器ECS 弹性云服务器ECS 弹性公网IP(EIP)

ECS—Elastic Compute Service(弹性计算服务、弹性云服务器)EIP—Elastic IP(弹性公网IP)“弹性”我的理解就是可扩展,可解绑云服务器ECS也可以叫做弹性云服务器云...

域名解析记录设置

域名解析记录设置

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

宝塔面板 php 内存占用解决方案

宝塔面板 php 内存占用解决方案

一、php版本过低php官方说 php7.0版本和php 5.x版本的效率差了 3倍以上,所以建议大家谁还在用 php7以下版本,如果程序支持的话,一定要切换到 php7.x,速度快很多了。先在宝塔面...

发表评论

访客

看不清,换一张

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