收集前端面试题之url、href、src

一、URL的概念

统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上标准的资源的地址（Address）。

二、URL的格式

2.1 标准格式

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

2.2 完整格式

协议类型:[//[访问资源需要的凭证信息@]服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询
其中【访问凭证信息@；:端口号；?查询；#片段ID】都属于选填项。

三、URL的语法规则

比如网址 http://segmentfault.com/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.2 URL Schemes

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

四、URL的类型

4.1 绝对URL

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

4.2 相对URL

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

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

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

（1） .：代表目前所在的目录，相对路径。 如： <a>文本 </a> 或 <img src="./abc" />

（2） ..：代表上一层目录，相对路径。 如： <a>文本 </a> 或 <img src="../abc" />