前端学习：HTML路径、URL

目录

一、HTML文件路径

二、绝对文件路径

三、相对路径 

四、URL 

五、URL字符编码

 六、URL的语法规则

七、URL Schemes

---

一、HTML文件路径

文件路径描述了网站文件夹结构中某个文件的位置。

文件路径会在链接外部文件时被用到：

• 网页
• 图像
• 样式表
• JavaScript

二、绝对文件路径

绝对文件路径是指向一个因特网文件的完整的URL：

三、相对路径 

相对路径指向了相对于当前页面的文件。 

路径	描述
	picture.jpg 位于与当前网页相同的文件夹
	picture.jpg 位于当前文件夹的 images 文件夹中
	picture.jpg 当前站点根目录的 images 文件夹中
	picture.jpg 位于当前文件夹的上一级文件夹中

 按照规范要求，使用相对路径是个好习惯。

如果使用了相对路径，那么你的网页就不会与当前的基准URL进行绑定

四、URL 

URL的全称是： 统一资源定位器(Uniform Resource Locators)。

URL也被称为网址。

Web浏览器通过URL从Web服务器请求页面。

当您点击 HTML 页面中的某个链接时，对应的 标签指向万维网上的一个地址。

一个统一资源定位器(URL) 用于定位万维网上的文档。

五、URL字符编码

URL只能使用ASCII字符集来通过因特网进行发送。由于URL常常会包含ASCII集合以外的字符，URL必须转换为有效的ASCII格式。

URL编码使用“%”其后跟随两位的十六进制数来替换ASCII字符。

URL不能包含空格。URL编码通常使用 + 来替换空格。

 六、URL的语法规则

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

解析：

scheme：定义因特网服务的类型。最常见的就是http

hoet：定义域主机（http的默认主机是www）

domain：定义因特网域名，比如baidu.com

:port：定义主机上的端口号（http的默认端口号是80）

path：定义服务器上的路径（如果省略，则文档必须位于网站的根目录中。

filename：定义文档/资源的名称

七、URL Schemes

下面列举了一些流行的scheme:

Scheme	访问	功能
http	超文本传输协议	以 http:// 开头的普通网页。不加密。
https	安全超文本传输协议	安全网页。加密所有信息交换。
ftp	文件传输协议	用于将文件下载或上传至网站。
file		您计算机上的文件。