# 絕對路徑與相對路徑
###### tags: `Java Web-HTML`


### 藍字：絕對路徑，完整寫出檔案位置
### 紅字：相對路徑，以本身檔案位置為基礎，推導出引用檔案的路徑
例如：login.html檔案想引用login.css
先回到上一級user資料夾(.../)
再來到與user同級的css資料夾(.../css)
最後引用login.css(.../user/login.css)

### 應用tymealf來表達絕對路徑


#### 先利用<base href="...">設定基本的絕對路徑
#### th:href="@{}"：表示利用<base href="...">為前綴，往後拼接
例如：

<base href="http://localhost:8080/pro10/"/>
<th:href="@{/css/shohhping.css}">
//相當於http://localhost:8080/pro10/css/shohhping.css