HTML 文件路径

HTML文件路径

文件路径描述了网站文件夹结构中某个文件的位置。
文件路径会在链接外部文件时被使用到：

• 网页
• 图像
• 样式表
• JavaScript

绝对文件路径

绝对文件路径是指向一个因特网文件完整URL。
实例：

<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">

<img> 标签以及src和alt属性在HTML图像这一章做了讲解。

相对路径

相对路径指向了相对与当前页面的文件。
在本例中，文件路径指向了位于当前网站根目录中的images文件夹的一个文件：

<img src="/images/picture.jpg" alt="flower">

在本例中，文件路径指向了位于当前文件夹中 images 文件夹里的一个文件：

<img src="images/picture.jpg" alt="flower">

在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件：
<img src="../images/picture.jpg" alt="flower">

好习惯

相对路径是个好习惯（如果有可能）
如果使用了相对路径，那么您的网页就不会与当前的基准URL进行绑定。所有链接在您电脑上（localhost）或未来的公共区域中均可正常工作。