目录

HTML 文件路径

❮ 上一节下一节 ❯

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

文件路径示例

小路	描述
<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" 文件位于当前文件夹的上一级文件夹中

HTML 文件路径

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

链接到外部文件时使用文件路径，例如：

网页
图片
样式表
JavaScript

绝对文件路径

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

示例

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

亲自试一试 »

<img> 标签在本章中进行了解释：HTML 图片。

相对文件路径

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

在以下示例中，文件路径指向位于当前 Web 根目录的 images 文件夹中的文件：

示例

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

亲自试一试 »

在以下示例中，文件路径指向当前文件夹中 images 文件夹中的文件：

示例

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

亲自试一试 »

在以下示例中，文件路径指向位于当前文件夹上一级文件夹中的 images 文件夹中的文件：

示例

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

亲自试一试 »

最佳实践

最佳实践是使用相对文件路径（如果可能）。

使用相对文件路径时，您的网页将不会绑定到当前的基本 URL。所有链接都将在您自己的计算机（本地主机）以及您当前的公共域和未来的公共域上工作。

❮ 上一节下一节 ❯