HTML文件路径

HTML文件路径用于描述文件在网站文件夹中的位置。文件路径就像Web浏览器的文件地址一样。我们可以通过图像，文件，CSS文件，JS文件，视频等文件路径链接任何外部资源以添加到HTML文件中。

src或href属性需要将所有外部源链接到HTML文件的属性。

以下是指定文件路径的不同类型：

• 它指定picture.jpg与当前页面位于同一文件夹中。
• 它指定picture.jpg位于当前文件夹的images文件夹中。
• 它指定picture.jpg位于当前站点根目录的images文件夹中。
• 它指定picture.jpg位于当前文件夹上一层的文件夹中。

网页上使用文件路径来链接外部文件，例如：

• 网页
• 图片
• 样式表
• JavaScript

有两种类型的文件路径：

• 绝对文件路径
• 相对文件路径

绝对文件路径

绝对文件路径指定完整的URL地址。

例：

Using a Full URL File Path

相对文件路径

相对文件路径指定与当前页面位置有关的文件。

例：

让我们以示例为例，查看文件路径如何指向位于当前网站根目录下的images文件夹中的文件。

Using a Relative File Path

例：

这是文件路径指向当前文件夹中images文件夹中的文件的方式。

Using a Relative File Path

例：

当images文件夹位于当前文件夹上一级的文件夹中时。

Using a Relative File Path

文件路径的重点：

• 请始终记住使用正确的URL，文件名，图像名，否则它将不会显示在网页上。
• 尝试使用相对文件路径，以使您的代码独立于URL。