html中的src路径怎么写,HTML src路径的用法

前段时间，被一个Web静态服务器的目录问题搞混淆了，后来尝试了几次，总结在这里给有需要的同学。

我用的是Express，使用了它的静态目录的功能(类似apache https的静态目录服务)，将一个目录 product/, image/ 给外部直接访问，我的目录结构为：

/static/

|

|__product/

| |

| |__index.html

|

|__image/

| |

| |__f.jpg

我将static目录作为静态服务器的根目录，那么就可以做如下访问，如：http://localhost/product/index.html，我在index.html中写了如下的html代码：

这是为什么？

通过不断尝试，我发现了html src属性的三种写法

1. 相对路径

2.绝对路径

我通过将 src=“f.jpg”改为 src=“/f.jpg”，问题解决了。这种写法的意思是告诉浏览器，在我当前的站点名下，访问此地址，那么就是：http://localhost/f.jpg。

3. 跨站点绝对路径

本文链接：http://www.yunweipai.com/2806.html