HTML 文件路径

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” 文件位于当前文件夹的上一级文件夹中

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

链接到外部文件时使用文件路径，这些文件主要包括：

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

<img src="https://www.gobeta.net/images/picture.jpg" alt="Mountain" />

如需了解更多 <img> 标签的细节，请转到章节：HTML 图像。

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

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

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

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

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

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

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

如果可能的话，我们推荐最好的做法是使用相对文件路径。

使用相对文件路径时，您的网页将不会绑定到某个域名下，这样网页的所有链接无论在自己的计算机 (localhost) 以及还是在正式域名上都能正确的工作，如果以后更换域名也会非常方便，不需要修改网页。