二维码

HTML 文件路径

HTML 文件路径

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

文件路径示例

路径 描述
<img src=“图片.jpg”> “picture.jpg”文件与当前页面位于同一文件夹中
<img src=“图像/图片.jpg”> “picture.jpg”文件位于当前文件夹的图像文件夹中
<img src=“/images/picture.jpg”> “picture.jpg”文件位于当前 Web 根目录下的图像文件夹中
<img src=“../图片.jpg“> “picture.jpg”文件位于当前文件夹上一级的文件夹中

HTML 文件路径

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

链接到外部文件时使用文件路径,例如:

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

绝对文件路径

绝对文件路径是文件的完整 URL:

1
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

<img> 标签在 HTML 图像一章中进行了解释。

相对文件路径

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

在以下示例中,文件路径指向位于 在当前网络的根目录下:

1
<img src="/images/picture.jpg" alt="Mountain">

在以下示例中,文件路径指向位于 当前文件夹:

1
<img src="images/picture.jpg" alt="Mountain">

在以下示例中,文件路径指向位于 文件夹从当前文件夹向上一级:

1
<img src="../images/picture.jpg" alt="Mountain">

最佳实践

最佳做法是使用相对文件路径(如果可能)。

使用相对文件路径时,您的网页不会绑定到您的当前 基本 URL。所有链接都可以在您自己的计算机(localhost)以及 您当前的公共领域和您未来的公共领域