HTML文件路径

一、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
广告合作
QQ群号:707632017

温馨提示:

1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com。(#改为@)

2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。

目录