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" 文件位于比当前文件夹高一级别的文件夹中 |
HTML 文件路径
文件路径描述了文件在网站文件夹结构中的位置。
文件路径用于链接到外部文件，例如
- 网页
- 图片
- 样式表
- JavaScript
绝对文件路径
绝对文件路径是文件的完整 URL
<img> 标签在本章中解释：HTML 图片.
相对文件路径
相对文件路径指向相对于当前页面的文件。
在以下示例中，文件路径指向当前网站根目录的 images 文件夹中的文件
在以下示例中，文件路径指向当前文件夹中的 images 文件夹中的文件
在以下示例中，文件路径指向比当前文件夹高一级别的文件夹中的 images 文件夹中的文件
最佳实践
最佳实践是使用相对文件路径（如果可能）。
使用相对文件路径时，您的网页不会绑定到您当前的基 URL。所有链接将在您自己的计算机（localhost）以及您的当前公共域和您未来的公共域上都能正常工作。
