📜  HTML文件路径

📅  最后修改于: 2020-11-02 03:06:47             🧑  作者: Mango

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

image

相对文件路径

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

例:

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




Using a Relative File Path

Mountain

例:

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




Using a Relative File Path

Mountain

例:

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




Using a Relative File Path

Mountain

文件路径的重点:

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