html scr 拼接,浅谈html中scr与href是什么?scr与href有什么区别?
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有什么区别?相关推荐
- 浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别
举例浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别 demo Dom结构: <di ...
- 浅谈sql中的in与not in,exists与not exists的区别以及性能分析
1.in和exists in是把外表和内表作hash连接,而exists是对外表作loop循环,每次loop循环再对内表进行查询,一直以来认为exists比in效率高的说法是不准确的.如果查询的两个表 ...
- 浅谈sql中的in与not in,exists与not exists的区别
1.in和exists in是把外表和内表作hash连接,而exists是对外表作loop循环,每次loop循环再对内表进行查询,一直以来认为exists比in效率高的说法是不准确的.如果查询的两个表 ...
- python文件路径拼接多出斜杠_浅谈python中拼接路径os.path.join斜杠的问题
浅谈python中拼接路径os.path.join斜杠的问题 调试程序的过程中,发现通过os.path.join拼接的路径出现了反斜杠 directory1='/opt/apps/upgradePac ...
- java get请求 数组,浅谈vue中get请求解决传输数据是数组格式的问题
qs的stringify接收2个参数,第一个参数是需要序列化的对象,第二个参数是转化格式,一般默认格式是给出明确的索引,如:arr[0]=1&arr[1]=2 //indices是index的 ...
- 浅谈yolov4中的一部分数据增强
浅谈yolov4中的数据增强 前言 数据增强 数据增强步骤 1.对图片进行水平翻转 2.对图片进行缩放 3.对图片HSV色域变换 4. Mosaic数据增强 5. 总代码 前言 在接下来的几天,我将解 ...
- 浅谈python中的 list、tuple、dict、set
浅谈python中的 list.tuple.dict.set list: 简介: 有序的集合,包含多个元素 数据可以是任意类型 支持索引访问 用[ ]表示,例如a=[ ] 或者 a=list() 访问 ...
- java 中的单元测试_浅谈Java 中的单元测试
单元测试编写 Junit 单元测试框架 对于Java语言而言,其单元测试框架,有Junit和TestNG这两种, 下面是一个典型的JUnit测试类的结构 package com.example.dem ...
- mybatis与php,浅谈mybatis中的#和$的区别
浅谈mybatis中的#和$的区别 发布于 2016-07-30 11:14:47 | 236 次阅读 | 评论: 0 | 来源: 网友投递 MyBatis 基于Java的持久层框架MyBatis 本 ...
最新文章
- 虚拟服务器磁盘满了咋办,虚拟主机磁盘空间不够用怎么办?
- 数据结构---基础概念
- MVC中实现多按钮提交(转)
- 协议森林06 瑞士军刀 (ICMP协议)
- Multi-band Blending
- 开启LeetCode之路
- Android Studio OkHttp的使用
- 【VB测绘程序设计】第一章 VB测绘程序设计概述
- 机票垂直搜索引擎的性能优化
- 计算机硬件组装教学设计教案,计算机硬件的组装教学设计
- 哪里可以下载免费字体,免费可商用字体解决你的烦恼
- 华为linux不识别U盘启动,华为电脑如何用u盘启动不了怎么办
- 半导体随机存储器(random access memory)
- 北京电影学院及中央戏剧学院老师推荐的必看影片,我真是一条一条翻的,一条一条写的,是真的。...
- 淘宝客接入PHP(一)
- Ubuntu虚拟机识别不了SD卡的解决办法
- 【每日一练及解题思路V1】给定一个字符串,找出其中不含重复字符的最长子串的长度
- 帝国CMS插件自动采集发布文章插件
- 未检测到与wia兼容的设备_扫描仪API接入大全:Twain, WIA 或 两者不具有.[换个思路 春暖花开]...
- vue项目--资产管理系统