前段時間，被一個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

總結

以上是生活随笔為你收集整理的html中的src路径怎么写,HTML src路径的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。