html 中 url、scr、href、rel、rev

URL:Uniform Resource Locators(统一资源定位器)的简写,Web 浏览器通过 URL 从 Web 服务器请求页面。
url 不是属性,src 和 href 是属性,src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系,也就是说 src 引用的路径是 img 等要加载的路径,href 引用的路径是要跳转到的地方。
基本 URL 包含模式(或称协议)、服务器名称(或 IP 地址)、路径和文件名,如“协议:// 授权 / 路径? 查询”。完整的、带有授权部分的普通统一资源标志符语法看上去如下:协议:// 用户名:密码 @子域名. 域名. 顶级域名: 端口号 / 目录 / 文件名. 文件后缀? 参数 = 值 #标志

第一部分:

模式 / 协议(scheme):它告诉浏览器如何处理将要打开的文件。最常用的模式是超文本传输协议(Hypertext Transfer Protocol,缩写为 HTTP),这个协议可以用来访问网络。1 其他协议如下:

  • http——超文本传输协议资源
  • https——用安全套接字层传送的超文本传输协议
  • ftp——文件传输协议
  • mailto——电子邮件地址
  • ldap——轻型目录访问协议搜索
  • file——当地电脑或网上分享的文件
  • news——Usenet 新闻组
  • gopher——Gopher 协议
  • telnet——Telnet 协议

第二部分:

文件所在的服务器的名称或 IP 地址,后面是到达这个文件的路径和文件本身的名称。服务器的名称或 IP 地址后面有时还跟一个冒号和一个端口号。它也可以包含接触服务器必须的用户名称和密码。路径部分包含等级结构的路径定义,一般来说不同部分之间以斜线(/)分隔。询问部分一般用来传送对服务器上的数据库进行动态询问时所需要的参数。

URL 分类

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/:代表根目录,绝对路径。

在使用相对路径时,我们用符号“.”来表示当前目录,用符号“..”来表示当前目录的父目录。

src:是 source 的简写,表示的是引入文件,目的是要把文件加载到 html 页面中去,当浏览器解析的时候会暂停其他的内容而会先加载 src 内容,必须要等到 src 的内容加载完成之后才会执行后面。这就是为什么 js 文件往往放在了 html 文件的最下面的原因。如果是在页面 head 上放了 js 文件用:window.onload 事件处理。浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link 的原因。
src 的内容是页面必不可少的一部分,是引入 src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。例如:

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

href:是 Hypertext Reference 的简写,表示的时超文本引用,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,它与页面直接的关系为链接的关系,在加载它的时候页面本身也不会停止其他内容的加载。用来建立当前元素和文档之间的链接。
常用的有:link、a。例如:
<link href="reset.css" rel=”stylesheet“/>

rel、rev:描述链接关系,用于定义链接的文件和 html 文档之间的关系,rel 属性指定从源文档到目标文档的关系,rev 属性指定从目标文档到原文档的关系

posted @ 2019-08-23 16:12  aioverg  阅读(626)  评论(0编辑  收藏  举报