relativeURL-130

Web前端中关于url、href、src的知识汇总

URL就是能获取你要下载的资源的下载地址。由于国家的净网活动，导致大量网站的关闭，下载链接就失效了。还有可能是上传的链接是不合法的或者没有通过审核，这时可能出现出现URL错误，提示不合法。

解决URL不合法的方法：建议你重新换个资源，也就是重新找个链接，再去点下载。如果实在找不到另一个链接，那就只能放弃了这个链接地址是不能自行修改的，改了更没用了。或者用客户端下载资源。

URL是什么东西？

今天小编要跟大家分享的文章是Web前端中关于url、href、src的知识汇总。熟悉web前端的小伙伴们一定不会对这三个内容陌生。但是对于刚刚接触web的小伙伴肯定不是很了解，今天小编就为大家准备了这篇文章让我们一起来看一看关于url、href、src的知识汇总。

一、URL的概念

统一资源定位符(或称统一资源定位器/定位地址、URL地址等，英语：UniformResource。

Locator，常缩写为URL)，有时也被俗称为网页地址(网址)。如同在网络上的门牌，是因特网上标准的资源的地址(Address)。

二、URL的格式

2.1标准格式

协议类型:[//服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询。

2.2完整格式

协议类型:[//[访问资源需要的凭证信息@]服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询。

其中【访问凭证信息@;:端口号;?查询;#片段ID】都属于选填项。

三、URL的语法规则

比如网址#/html/index.asp，必须遵守以下的语法规则：

scheme://host.domain:port/path/filename。

3.1说明

(1)scheme-定义因特网服务的类型。最常见的类型是http(2)host-定义域主机(http的默认主机是www)。

(3)domain-定义因特网域名，比如w3school.com.cn(4):port-定义主机上的端口号(http的默认端口号是80)。

(5)path-定义服务器上的路径(如果省略，则文档必须位于网站的根目录中)。(6)filename-定义文档/资源的名称。

3.2URLSchemes

以下是其中一些最流行的scheme：

Scheme访问用于...

http超文本传输协议以http://开头的普通网页。不加密。

https安全超文本传输协议安全网页。加密所有信息交换。

ftp文件传输协议用于将文件下载或上传至网站。

file您计算机上的文件。

四、URL的类型

4.1绝对URL

绝对URL(absoluteURL)显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关。

4.2相对URL

相对URL(relativeURL)以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。

一般来说，对于同一服务器上的文件，应该总是使用相对URL，它们更容易输入，而且在将页面从本地系统转移到服务器上时更方便，只要每个文件的相对位置保持不变，链接就仍然是有效地。

以下为建立路径所使用的几个特殊符号，及其所代表的意义。

(1).：代表目前所在的目录，相对路径。如：文本或/>。

(2)..：代表上一层目录，相对路径。如：文本或/>。

(3)../../：代表的是上一层目录的上一层目录，相对路径。如：

(4)/：代表根目录，绝对路径。如：[文本](/abc)或。

五、href的概念

5.1规范解释

href(Hypertext

Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。

5.2通俗理解

href目的不是为了引用资源，而是为了建立联系，让当前标签能够链接到目标地址。

六、src的概念

source(缩写)，指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位置。

七、href和src的区别

7.1请求资源类型不同

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

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

7.2作用结果不同

(1)href用于在当前文档和引用资源之间确立联系;。

(2)src用于替换当前内容;。

7.3浏览器解析方式不同

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

CSS，而不是使用@import方式。

(2)当浏览器解析到

，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议把js。

脚本放在底部而不是头部的原因。

八、link和@import的区别。

两者都是外部引用CSS的方式，但是存在一定的区别：

(1)link是XHTML标签，除了能够加载CSS，还可以定义RSS等其他事务;而@import属于CSS范畴，只可以加载CSS。

(2)link引用CSS时，在页面载入时同时加载;@import需要页面完全载入以后再加载。

(3)link是XHTML标签，无兼容问题;@import则是在CSS2.1提出的，低版本的浏览器不支持。

(4)link支持使用Javascript控制DOM改变样式;而@import不支持。

以上就是小编今天为大家分享的关于Web前端中关于url、href、src的知识汇总的文章，希望本篇文章能够对正在从事web学习和工作的小伙伴们有所帮助，想要了解更多web相关知识记得关注北大青鸟web培训官网哦~。

作者：WEBING

#/a/1190000013845173。

*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。

请问URI和URL有什么区别？

URL是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。

互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

它最初是由蒂姆·伯纳斯·李发明用来作为万维网的地址。现在它已经被万维网联盟编制为互联网标准RFC1738了。

扩展资料

URL的分类

1.绝对URL

绝对URL（absolute URL）显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关，

2.相对URL

相对URL（relative URL）以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。如果目标文件与当前页面（也就是包含URL的页面）在同一个目录，那么这个文件的相对URL仅仅是文件名和扩展名。

如果目标文件在当前目录的子目录中，那么它的相对URL是子目录名，后面是斜杠，然后是目标文件的文件名和扩展名。

如果要引用文件层次结构中更高层目录中的文件，那么使用两个句点和一条斜杠。可以组合和重复使用两个句点和一条斜杠，从而引用当前文件所在的硬盘上的任何文件。

一般来说，对于同一服务器上的文件，应该总是使用相对URL，它们更容易输入，而且在将页面从本地系统转移到服务器上时更方便，只要每个文件的相对位置保持不变，链接就仍然是有效地。

参考资料：百度百科-url

url格式是什么

1、URI是以一种抽象的，高层次概念定义统一资源标识，而URL则是具体的资源标识的方式。URL是一种URI。

2、格式不同：URL的格式一般由下列三部分组成:第一部分是协议(或称为服务方式);第二部分是存有该资源的主机IP地址(有时也包括端口号);第三部分是主机资源的具体地址。URI一般由三部分组成:访问资源的命名机制；存放资源的主机名；资源自身的名称，由路径表示。

3、在Java的URI中，一个URI实例可以代表绝对的，也可以是相对的，只要它符合URI的语法规则。而URL类则不仅符合语义，还包含了定位该资源的信息，因此它不能是相对的，schema（protocol）必须被指定。

URI，是uniform resource identifier，统一资源标识符，用来唯一的标识一个资源。而URL是uniform resource locator，统一资源定位器，它是一种具体的URI，即URL可以用来标识一个资源，而且还指明了如何locate这个资源。

因此，URL是一种具体的URI，它不仅唯一标识资源，而且还提供了定位该资源的信息。URI是一种语义上的抽象概念，可以是绝对的，也可以是相对的，而URL则必须提供足够的信息来定位，所以，是绝对的，而通常说的relative URL，则是针对另一个absolute URL，本质上还是绝对的。

扩展资料

当我们替代web地址的时候，URI和URL中，URI更准确。我们经常使用的URI不是严格技术意义上的URL。例如：你需要的文件在files.hp.com. 这是URI，但不是URL--系统可能会对很多协议和端口都做出正确的反应。

http://blog.csdn.net/koflance是个URL，通过这个网址可以告诉我们用HTTP协议访问，而isbn:0-395-36341-1是RUN，一个国际标准书号，可以唯一确定哪本书。目前HTTP规范已经不使用URL，而是使用URI了，所以URI更具有前景。

参考资料：百度百科——URI

百度百科——URL

苹果不支持URL是什么意思？

URL格式：协议类型://服务器地址[:端口号]/路径/文件名[参数=值]。

统一资源定位符(URL，英语Uniform Resource Locator的缩写)，它的英文简称叫做URL。也被称为网页地址，是因特网上标准的资源的地址。url是用于完整地描述Internet上网页和其他资源的地址的一种标识方法，通常称之为URL地址。

分类

绝对URL(absolute URL)显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关。

相对URL(relative URL)以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。

原文地址：http://www.qianchusai.com/relativeURL-130.html