一、HTML文件路径
HTML文件路径是指HTML文件在计算机或服务器上的位置,通常由文件夹和文件名组成,用于指定浏览器应该从哪个位置加载HTML文件。
文件路径会在链接外部文件时被用到:
- 网页
- 图像
- 样式表
- JavaScript
路径 | 描述 |
<img src=”123.jpg”> | 123.jpg 位于与当前网页相同的文件夹 |
<img src=”index/123.jpg”> | 123.jpg 位于当前文件夹的 index文件夹中 |
<img src=”/index/123.jpg”> | 123.jpg 位于当前站点根目录的 index 文件夹中 |
<img src=”..123.jpg”> | 123.jpg 位于当前文件夹的上一级文件夹中 |
二、绝对文件路径
绝对文件路径是指从硬盘的根目录(盘符)开始,一级级目录指向文件的完整路径。它提供了到达文件所在位置的完整路径,通常以web站点根目录为参考基础的目录路径。这种路径的表示方式与我们在电脑资源管理器中看到的文件路径表示方式相同。
例如:
<img src="https://www.zzbaike.com/statics/img/index/indexindex@2x.png" alt="index">
三、相对路径
相对路径是一种相对于当前文件位置的路径表达方式,它以当前文件或者文件夹的位置作为参照,来描述目标文件或文件夹的路径。
1、文件路径指向了位于当前网站根目录中 123 文件夹里的一个文件:
<img src="/statics/img/123/index123@2x.png" alt="123">
2、文件路径指向了位于当前文件夹中 123 文件夹里的一个文件:
<img src="statics/img/123/index123@2x.png" alt="123">
3、文件路径指向了位于当前文件夹的上一级文件夹中 123 文件夹里的一个文件:
<img src="../statics/img/123/index123@2x.png" alt="123">
当在浏览器中输入网址时,浏览器会解析URL并找到相应的HTML文件。例如,如果域名是example.com,并且主页文件名为index.html,则URL可能是:
http://example.com/index.html