html中scr与href是什么?scr与href有什么区别?本篇文章就给大家介绍html中scr与href的区别是什么,让大家了解什么是src、什么是href,让大家可以很好的区分scr与href。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

写代码的时候我们经常会把scr与href这两个属性弄混淆,傻傻分不清;那么下面我们就来了解一下scr与href这两个属性,再来看看html中src和href的区别是什么吧。

html中什么是src?

src是source的缩写,表示外部文件的引用,代表了指向外部资源的位置,指向的内容将会应用到文档中当前标签所在的位置(简单来说:目的就是要把引用的文件加载到html页面的指定位置中去)。

src属性是页面内容中不可缺少的一部分,常用到 js脚本,img图片和frame等元素。例如:

html中什么是href?

href是Hypertext Reference的简写,表示超文本引用,代表了指向网络资源的所在位置,建立了和当前元素(锚点)或当前文档之间的链接,它与页面直接的关系为链接的关系。

常用的有:link、a。例如:

html中src和href的区别是什么?

1、请求资源类型的区别

(1)在请求 src 资源时会将其指向的资源下载并应用到文档中,比如 js 脚本,img 图片,frame;

(2)href表示指向网络资源的所在位置,用来建立和当前元素或当前文档之间的联系。

2、作用结果的区别

(1)src属性:是用于替换当前内容;

(2)href属性:是用于在当前文档和引用资源之间建立联系;

3、 浏览器解析方式的区别

(1)当浏览器解析到这句话时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等也如此,类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因。

附: 若将js放在头部,必须是使用src引入外部js文件,使用defer=“defer”属性,会先等待html文档加载完再执行js代码,但defer属性只能用于IE浏览器中。

(2)若在文档中添加这句话后,浏览器会识别该文档为 CSS 文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式加载 CSS,而不是使用 @import 方式。

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问HTML视频教程,CSS基础视频教程,bootstrap教程!

html scr 拼接,浅谈html中scr与href是什么?scr与href有什么区别?相关推荐

  1. 浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别

    举例浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别 demo Dom结构: <di ...

  2. 浅谈sql中的in与not in,exists与not exists的区别以及性能分析

    1.in和exists in是把外表和内表作hash连接,而exists是对外表作loop循环,每次loop循环再对内表进行查询,一直以来认为exists比in效率高的说法是不准确的.如果查询的两个表 ...

  3. 浅谈sql中的in与not in,exists与not exists的区别

    1.in和exists in是把外表和内表作hash连接,而exists是对外表作loop循环,每次loop循环再对内表进行查询,一直以来认为exists比in效率高的说法是不准确的.如果查询的两个表 ...

  4. python文件路径拼接多出斜杠_浅谈python中拼接路径os.path.join斜杠的问题

    浅谈python中拼接路径os.path.join斜杠的问题 调试程序的过程中,发现通过os.path.join拼接的路径出现了反斜杠 directory1='/opt/apps/upgradePac ...

  5. java get请求 数组,浅谈vue中get请求解决传输数据是数组格式的问题

    qs的stringify接收2个参数,第一个参数是需要序列化的对象,第二个参数是转化格式,一般默认格式是给出明确的索引,如:arr[0]=1&arr[1]=2 //indices是index的 ...

  6. 浅谈yolov4中的一部分数据增强

    浅谈yolov4中的数据增强 前言 数据增强 数据增强步骤 1.对图片进行水平翻转 2.对图片进行缩放 3.对图片HSV色域变换 4. Mosaic数据增强 5. 总代码 前言 在接下来的几天,我将解 ...

  7. 浅谈python中的 list、tuple、dict、set

    浅谈python中的 list.tuple.dict.set list: 简介: 有序的集合,包含多个元素 数据可以是任意类型 支持索引访问 用[ ]表示,例如a=[ ] 或者 a=list() 访问 ...

  8. java 中的单元测试_浅谈Java 中的单元测试

    单元测试编写 Junit 单元测试框架 对于Java语言而言,其单元测试框架,有Junit和TestNG这两种, 下面是一个典型的JUnit测试类的结构 package com.example.dem ...

  9. mybatis与php,浅谈mybatis中的#和$的区别

    浅谈mybatis中的#和$的区别 发布于 2016-07-30 11:14:47 | 236 次阅读 | 评论: 0 | 来源: 网友投递 MyBatis 基于Java的持久层框架MyBatis 本 ...

最新文章

  1. 虚拟服务器磁盘满了咋办,虚拟主机磁盘空间不够用怎么办?
  2. 数据结构---基础概念
  3. MVC中实现多按钮提交(转)
  4. 协议森林06 瑞士军刀 (ICMP协议)
  5. Multi-band Blending
  6. 开启LeetCode之路
  7. Android Studio OkHttp的使用
  8. 【VB测绘程序设计】第一章 VB测绘程序设计概述
  9. 机票垂直搜索引擎的性能优化
  10. 计算机硬件组装教学设计教案,计算机硬件的组装教学设计
  11. 哪里可以下载免费字体,免费可商用字体解决你的烦恼
  12. 华为linux不识别U盘启动,华为电脑如何用u盘启动不了怎么办
  13. 半导体随机存储器(random access memory)
  14. 北京电影学院及中央戏剧学院老师推荐的必看影片,我真是一条一条翻的,一条一条写的,是真的。...
  15. 淘宝客接入PHP(一)
  16. Ubuntu虚拟机识别不了SD卡的解决办法
  17. 【每日一练及解题思路V1】给定一个字符串,找出其中不含重复字符的最长子串的长度
  18. 帝国CMS插件自动采集发布文章插件
  19. 未检测到与wia兼容的设备_扫描仪API接入大全:Twain, WIA 或 两者不具有.[换个思路 春暖花开]...
  20. vue项目--资产管理系统

热门文章

  1. Java中hasNext()的作用
  2. RabbitMQ和fegin补充
  3. 3D打印技术之切片引擎(7)
  4. 【LB】稀疏矩阵的快速转置原理及其算法
  5. IC | 关于传输线的反射原理的详细解析
  6. VRay Next for SketchUp 室外建筑日景表现教程
  7. APEX 出现DXGI_ERROR DEVICE
  8. oracle计算一个日期加上指定工作日(排除周六周日和一系列节假日)时间
  9. matlab构造差商表,牛顿法 代数插值 – 差商表的求法
  10. argc, argv 到底是干啥用的?