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