路径 描述
<img src =“picture.jpg”> picture.jpg位于与当前页面相同的文件夹中
<img src =“images / picture.jpg”> picture.jpg位于当前文件夹中的图像文件夹中
<img src =“/ images / picture.jpg”> picture.jpg位于当前网页根部的图像文件夹中
<img src =“../ picture.jpg”> picture.jpg位于从当前文件夹一级的文件夹中

HTML文件路径

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

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

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

绝对文件路径

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

例

<img src=”https://www.w3schools.com/images/picture.jpg” alt=”Mountain”>

自己尝试»

有关HTML图像的章节将介绍<img>标签和src和alt属性。

相对文件路径

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

在此示例中，文件路径指向位于当前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。所有链接都可以在您自己的计算机（localhost）以及您当前的公有领域以及未来的公共领域上运行。 

版权声明：本文为Garven原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/Garven/articles/7007768.html