当前位置:首页 > Web技术 > 正文内容

src与href属性的区别

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

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


扫描二维码推送至手机访问。

版权声明:本文由朱哥随笔发布,如需转载请注明出处。

本文链接:https://www.imzxj.com/?id=247

分享给朋友:

相关文章

公众号文章预览链接短期内失效怎么办?

公众号文章预览链接短期内失效怎么办?

6月29日公众号调整:“素材库文章预览功能已升级,每次预览后的链接将在短期内失效;链接失效规则仅适用于预览情况,不影响其他功能引用素材库文章。”虽说预览链接失效,不影响其他功能引用,但是预览到手机的链接都不能转发到微信群或者朋友圈了!更烦恼...

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

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

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

如何成为一名黑客?

原文出处: Eric Steven Raymond   译文出处:Barret   内容一览为什么会有这份文档?什么是黑客?黑客应有的态度黑客的基本技能黑客文化中的地位黑...

云服务器导入sql文件时遇到1064“T FOREIGN_KEY_CHECKS = 0”错误

    数据库是从阿里云虚拟主机导出的,然后要搬迁到ECS服务器WEB环境中,然后有出现    "T FOREIGN_KEY_CHECKS = 0"提示错误,  &nbs...

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

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

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

如何修改element.style样式

如何修改element.style样式

我们在写前面 web样式的时候,会发现有些时候,我们怎么修改 style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有 element.style的值,这个值还找不到是在哪里出现的,还修改不了。其实element.sty...