HTML 文件路径

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

文件路径示例

路径	描述
<img src="mountains.jpg">	"mountains.jpg" 文件位于与当前页面相同的文件夹中。
<img src="images/mountains.jpg">	"mountains.jpg" 文件位于当前文件夹的 images 文件夹中。
<img src="/images/mountains.jpg">	"mountains.jpg" 文件位于当前网站根目录的 images 文件夹中。
<img src="../mountains.jpg">	"mountains.jpg" 文件位于当前文件夹上一级的文件夹中。

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

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

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

<img src="https://www.w3school.com.cn/images/mountains.jpg" alt="山脉">

<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。

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

在下面的例子中，文件路径指向位于当前网站根目录下 images 文件夹中的文件：

<img src="/images/mountains.jpg" alt="山脉">

在下面的例子中，文件路径指向位于当前文件夹下 images 文件夹中的文件：

<img src="images/mountains.jpg" alt="山脉">

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

<img src="../images/mountains.jpg" alt="山脉">

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

使用相对文件路径时，您的网页将不受当前基本 URL 的限制。所有链接都将在您自己的计算机（localhost）上以及您当前的公共域和未来的公共域上正常工作。