src、href和url含义及区别

1.含义

（1）url 统一资源定位符

一般来说，对于同一服务器上的文件，应该总是使用相对URL,用于资源定位，主要是文件定位

“.”：代表目前所在的目录，相对路径。
“..”：代表上一层的目录，相对路径。
“../../”：代表的是上一层目录的上一层目录，相对路径。
“/”：代表根目录，绝对路径。
“D:/aaa/”：代表根目录，绝对路径。

（2）href
超文本引用，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接。

（3）src

引用资源替代当前元素，在img、script、iframe中使用。

2.区别

使用href：a、link

　　使用src：img、script

　　href和src有区别的，且不能相互替换的。一般来说，在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间建立一个关系。

1）href 指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的联系。

　　　2）在请求 src 资源时会将其指向的资源下载并应用到文档中，比如 JavaScript 脚本，img 图片；

3.总结

　　src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。

　　href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。

　　总结: src用于替换当前元素(比如：引入一张图片)；href用于在当前文档和引用资源之间建立联系。

src、href和url含义及区别相关推荐

HTML基础-05-图片（引用图片src=“图片地址“、图片位置 align=“位置“、浮动图片 style=“float:位置“、图片链接 href=“目标url“、图形映射）
文章目录 1. 引用图片(src="图片地址") 语法示例完整示例 2. 图片的位置(align="位置") 语法示例完整示例 3. 浮动图片(style= ...
Dom的常用方法/单位/url src href:
Dom的常用方法获取方法:document.getElementById() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组).:getElementByTagName() 把新的子节 ...
a href=#与 a href=javascript:void(0) 的区别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP<a href="javascript:void(0)" onCli ...
href=#与href=javascript:void(0)的区别
href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息,默认的锚是#top 也就是网页的上端. 而javascrip ...
URI是什么意思？URI和URL有什么区别？
URI是什么意思?URI和URL有什么区别? 详解! HTTP = Hyper Text Transfer Protocol URI = Universal Resource Identifier U ...
架构，框架，模式，模块、组件、插件的含义和区别
架构.框架.模式.模块.组件.插件.控件.中间件的含义和区别.经常看到这些概念,但是有些含糊,花点儿功夫整理一下,结果还是有些地方理解的不透彻,先将整理的内容写下来,以供交流.左侧英文栏中有些单词被分 ...
mysql某个表被行锁了_MySQL 行锁和表锁的含义及区别详解
一.前言对于行锁和表锁的含义区别,在面试中应该是高频出现的,我们应该对MySQL中的锁有一个系统的认识,更详细的需要自行查阅资料,本篇为概括性的总结回答. MySQL常用引擎有MyISAM和Inno ...
云计算中laaS,PaaS和SaaS的含义及区别
laaS,PaaS和SaaS的含义及区别 SaaS: Software-as-a-Service(软件即服务)提供给客户的服务是运营商运行在云计算基础设施上的应用程序,用户可以在各种设备上通过客户端界 ...
Benchmark和Baseline的含义与区别
Benchmark和Baseline的含义与区别原文地址:https://www.zhihu.com/question/28823373 Benchmark和baseline都有性能比较的意思. 先 ...

src、href和url含义及区别

src、href和url含义及区别相关推荐

最新文章

热门文章