HTML 文件路径
文件路径描述文件在网站文件夹结构中的位置。
文件路径示例
路径 | 描述 |
---|---|
<img src=“图片.jpg”> |
“picture.jpg”文件与当前页面位于同一文件夹中 |
<img src=“图像/图片.jpg”> |
“picture.jpg”文件位于当前文件夹的图像文件夹中 |
<img src=“/images/picture.jpg”> |
“picture.jpg”文件位于当前 Web 根目录下的图像文件夹中 |
<img src=“../图片.jpg“> |
“picture.jpg”文件位于当前文件夹上一级的文件夹中 |
HTML 文件路径
文件路径描述文件在网站文件夹结构中的位置。
链接到外部文件时使用文件路径,例如:
- 网页
- 图像
- 样式表
- JavaScript的
绝对文件路径
绝对文件路径是文件的完整 URL:
1 | <img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain"> |
<img>
标签在 HTML 图像一章中进行了解释。
相对文件路径
相对文件路径指向相对于当前页面的文件。
在以下示例中,文件路径指向位于 在当前网络的根目录下:
1 | <img src="/images/picture.jpg" alt="Mountain"> |
在以下示例中,文件路径指向位于 当前文件夹:
1 | <img src="images/picture.jpg" alt="Mountain"> |
在以下示例中,文件路径指向位于 文件夹从当前文件夹向上一级:
1 | <img src="../images/picture.jpg" alt="Mountain"> |
最佳实践
最佳做法是使用相对文件路径(如果可能)。
使用相对文件路径时,您的网页不会绑定到您的当前 基本 URL。所有链接都可以在您自己的计算机(localhost)以及 您当前的公共领域和您未来的公共领域
0评论