src和href之间存在区别,能混淆使用。src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。

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

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

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

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

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

那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式。

参考->http://www.jb51.net/web/77258.html

src与href属性的区别相关推荐

  1. src与href区别

    src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 ...

  2. link和import的区别,src和href的区别,css hark 以及HTML5及css3的新增特性

    link和import的区别 link是标签浏览器会在一开始就渲染样式而import是引入会在最后引入 link是XHTML标签,无兼容问题:@import是在CSS2提出的,低版本的浏览器不支持 l ...

  3. src和href的区别

    首先我们先简述一下src与href的区别 src <img src="图像URL" /> URL(Uniform Resource Locator,统一资源定位符) s ...

  4. src、href区别

    src和href都是用于外部资源的引入,像图片.CSS文件.HTML文件.js文件或其他web页面等. 区别:src用于替代这个元素,而href用于建立这个标签与外部资源之间的关系. 例如: a标签里 ...

  5. src和href的区别,并且img中的srcset的作用是什么?

    一.src和href的区别 src是指向外部资源的位置,指向的内容会嵌⼊到⽂档中当前标签所在的位置,在请求src资源时会将其指向的资源下载并应⽤到⽂档内,如js脚本,img图⽚和frame等元素.当浏 ...

  6. 1. src 和 href 的区别?

    1. src 和 href 的区别? src 和 href 都是用来引用外部的资源, 它们的区别如下: src: 表示对资源的引用, 它指向的内容会嵌入到当前标签所在的位置.src 会将其指向的资源下 ...

  7. 空链接,a标签herf属性,href=“#” 或者 href=“javascript:void(0);” 或者href=“javascript:;“ 区别

    目录 # 包含了一个位置信息,默认的锚是 #top 也就是网页的上端. href="javascript:void(0);" 和 href="javascript:;&q ...

  8. URL、SRC、HREF知识整理

    今天理一下URL.SRC.HREF定义以及使用区别. URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上 ...

  9. html scr 拼接,浅谈html中scr与href是什么?scr与href有什么区别?

    html中scr与href是什么?scr与href有什么区别?本篇文章就给大家介绍html中scr与href的区别是什么,让大家了解什么是src.什么是href,让大家可以很好的区分scr与href. ...

最新文章

  1. Python-列表和元组
  2. Ubuntu环境下docker的安装
  3. day36 10-Hibernate中的事务:解决丢失更新
  4. Echo Socket例子项目
  5. sql编写将时间转换年月日 时分格式
  6. Php 魔术函数性能,php常用的魔术函数详细解析
  7. creo如何更改打开时显示方式_图纸打开显示问号时的一种快捷更改方法【AutoCAD教程】...
  8. Pwn2Own 2021奥斯汀黑客大赛公布类别、目标及奖金
  9. C#实现超长位整数运算
  10. 每周荐书:微服务、SQL调优、机器学习(评论送书)
  11. C++常识之——C++中堆和栈的区别,自由存储区、全局/静态存储区和常量存储区...
  12. 【TWVRP】基于matlab粒子群算法求解带时间窗的车辆路径规划问题【含Matlab源码 334期】
  13. Java基础之三大特性
  14. qq远程控制无法连接服务器,win10系统QQ远程协助,无法控制对方电脑,怎么办?...
  15. 使用Vant组件库,van-filed配置手机号验证规则
  16. 米的换算单位和公式_米的单位换算公式大全二年级(简便易记的单位米换算方法)...
  17. 深入理解机器学习——集成学习(Ensemble Learning):基础知识
  18. solaris 安全设置
  19. io.imshow(img) 绘制背景和绘制子图
  20. 20180908考试

热门文章

  1. closewait一直不释放_机床为什么要释放应力?怎么释放应力才好?
  2. 第4章 Python 数字图像处理(DIP) - 频率域滤波12 - 选择性滤波 - 带阻
  3. 第3章 Python 数字图像处理(DIP) - 灰度变换与空间滤波7 - 直方图处理 - 直方图、归一化直方图
  4. matlab利用霍夫,基于matlab的霍夫变换
  5. java single instance_java单例模式(具体代码显现)两种方法
  6. windebug常用命令
  7. spring boot 读取 application.properties 初始化bean
  8. LeetCode Contains Duplicate (判断重复元素)
  9. 网站前端设计,从960框架开始
  10. 《认清C++语言》のrandom_shuffle()和transform()算法