前端学习11：HTML路径、URL

目录

一、HTML文件路径

二、绝对文件路径

三、相对路径 

四、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		您计算机上的文件。