绝对路径 tle 原因 而在 路径和 如何 协议 定义
统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的 URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
基本 URL 包含模式(或称协议)、服务器名称(或 IP 地址)、路径和文件名,如 "协议:// 授权 / 路径? 查询"。完整的、带有授权部分的普通统一资源标志符语法看上去如下:协议:// 用户名:[email protected]: 端口号 / 目录 / 文件名. 文件后缀? 参数 = 值 #标志
第一部分:
模式 / 协议(scheme):它告诉浏览器如何处理将要打开的文件。最常用的模式是超文本传输协议(Hypertext Transfer Protocol,缩写为 HTTP),这个协议可以用来访问网络。1 其他协议如下:
第二部分:
文件所在的服务器的名称或 IP 地址,后面是到达这个文件的路径和文件本身的名称。服务器的名称或 IP 地址后面有时还跟一个冒号和一个端口号。它也可以包含接触服务器必须的用户名称和密码。路径部分包含等级结构的路径定义,一般来说不同部分之间以斜线(/)分隔。询问部分一般用来传送对服务器上的数据库进行动态询问时所需要的参数。
1、绝对 URL
绝对 URL(absolute URL)显示文件的完整路径,这意味着绝对 URL 本身所在的位置与被引用的实际文件的位置无关。
2、相对 URL
相对 URL(relative URL)以包含 URL 本身的文件夹的位置为参考点,描述目标文件夹的位置。如果目标文件与当前页面(也就是包含 URL 的页面)在同一个目录,那么这个文件的相对 URL 仅仅是文件名和扩展名,如果目标文件在当前目录的子目录中,那么它的相对 URL 是子目录名,后面是斜杠,然后是目标文件的文件名和扩展名。
如果要引用文件层次结构中更高层目录中的文件,那么使用两个句点和一条斜杠。可以组合和重复使用两个句点和一条斜杠,从而引用当前文件所在的硬盘上的任何文件,一般来说,对于同一服务器上的文件,应该总是使用相对 URL,它们更容易输入,而且在将页面从本地系统转移到服务器上时更方便,只要每个文件的相对位置保持不变,链接就仍然是有效地。
以下为建立路径所使用的几个特殊符号,及其所代表的意义。
:代表目前所在的目录,相对路径。 如:
- .
文本
- <a href="./abc">
或
- </a>
- <img src="./abc" />
:代表上一层目录,相对路径。 如:
- ..
文本
- <a href="../abc">
或
- </a>
- <img src="../abc" />
:代表的是上一层目录的上一层目录,相对路径。 如:
- ../../
- <img src="../../abc" />
:代表根目录,绝对路径。 如:
- /
或
- <a href="/abc">文本</a>
- <img src="/abc" />
:代表根目录,绝对路径。
- D:/abc/
在使用相对路径时,我们用符号 "." 来表示当前目录,用符号 ".." 来表示当前目录的父目录。
href 和 src 是有区别的,而且是不能相互替换的。我们在可替换的元素上使用 src,然而把 href 用于在涉及的文档和外部资源之间建立一个关系。
href (Hypertext Reference) 指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下:
- <linkhref="style.CSS"rel="stylesheet" />
浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把 css 文件内容写在[email protected] 到 html 文档里。
src (Source) 属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到
- <scriptsrc="script.js"></script>
在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把 js 文件放到与 img 类似的有更多: replaced elements。
转载自:https://segmentfault.com/a/1190000002877022
url,href,src 区别
必须 绝对路径 tle 原因 而在 路径和 如何 协议 定义
来源: http://www.bubuko.com/infodetail-2016862.html