HTML 文件路径

路径 描述
<img src="picture.jpg"> picture.jpg与当前页面位于同一文件夹
<img src="image/picture.jpg"> picture.jpg位于当前文件夹的image文件夹中
<img src="/image/picture.jpg"> picture.jpg位于当前网站根目录下的image文件夹中
<img src="../picture.jpg"> picture.jpg位于距当前文件夹上一级的文件夹中

HTML文件路径

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

链接到外部文件时使用文件路径,如:

  • 网页
  • 图片
  • css样式
  • JavaScript

绝对文件路径

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

实例

<img src="https://www.uihtml.com/image/kenan.jpg" alt="柯南">

有关 HTML图像 的章节中解释了<img>标签以及src和alt属性。


相对文件路径

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

在此示例中,文件路径指向位于当前Web根目录的image文件夹中的文件:

实例

<img src="/image/kenan.jpg" alt="柯南">

在此示例中,文件路径指向位于当前文件夹中的image文件夹中的文件:

实例

<img src="image/kenan.jpg" alt="柯南">

在此示例中,文件路径指向位于当前文件夹上一级文件夹中的image文件夹中的文件:

实例

<img src="../image/kenan.jpg" alt="柯南">

最佳实践

最佳做法是使用相对文件路径(如果可能的情况下)。

其实无论是绝对路径也好,相对路径也罢,对于搜索引擎SEO而言是没多大区别的,相对地址节省的那一点代码完全可以忽略不计。更多的一般是涉及工作方便的问题,如果网页小改的话可以用绝对路径。一般来说,网页使用相对路径比较不容易出错。