前端学习：HTML路径、URL
目录
二、绝对文件路径
三、相对路径
四、URL
五、URL字符编码
六、URL的语法规则
七、URL Schemes
一、HTML文件路径
文件路径描述了网站文件夹结构中某个文件的位置。
文件路径会在链接外部文件时被用到：
- 网页
- 图像
- 样式表
- JavaScript
二、绝对文件路径
绝对文件路径是指向一个因特网文件的完整的URL：
<img src="http://www.baidu.com/images/picture.jap" alt="百度">
三、相对路径
相对路径指向了相对于当前页面的文件。
| 路径 | 描述 |
|---|---|
| <img src="picture.jpg"> | picture.jpg 位于与当前网页相同的文件夹 |
| <img src="images/picture.jpg"> | picture.jpg 位于当前文件夹的 images 文件夹中 |
| <img src="/images/picture.jpg"> | picture.jpg 当前站点根目录的 images 文件夹中 |
| <img src="../picture.jpg"> | picture.jpg 位于当前文件夹的上一级文件夹中 |
按照规范要求，使用相对路径是个好习惯。
如果使用了相对路径，那么你的网页就不会与当前的基准URL进行绑定
四、URL
URL的全称是： 统一资源定位器(Uniform Resource Locators)。
URL也被称为网址。
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
一个统一资源定位器(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 | 您计算机上的文件。 |