HTML的图片标签image的图片地址
生活随笔
收集整理的這篇文章主要介紹了
HTML的图片标签image的图片地址
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用相對(duì)路徑,例如,當(dāng)前目錄中的子目錄 image 中的圖片 1.jpg,可以寫成 ./image/1.jpg,其中 ./ 表示當(dāng)前目錄,可以省略不寫。
<image src="image/1.jpg"/>實(shí)際上HTML文檔數(shù)據(jù)寫入到 Response 中時(shí),已經(jīng)把 src 的值替換成下面的請(qǐng)求資源路徑:
http://localhost:8080/sl/image/1.jpg當(dāng)前目錄的上級(jí)目錄中的子目錄 image 中的圖片 1.jpg,可以寫成 ../image/1.jpg,其中 ../ 表示當(dāng)前目錄的上級(jí)目錄。
特別注意,非常重要!!!
src的值不要加正斜杠 /,否則會(huì)拼接出錯(cuò)誤的請(qǐng)求路徑。
路徑前面不加斜桿:
<img style="vertical-align: middle;height: 32px" id="checkCode" src="check_code"/>如上不加斜桿,拼接的請(qǐng)求資源路徑:
http://localhost:8080/sl/check_code路徑前面加斜桿:
<img style="vertical-align: middle;height: 32px" id="checkCode" src="/check_code"/>如上加了斜桿,拼接的請(qǐng)求資源路徑:
http://localhost:8080/check_code因?yàn)樾睏U開頭,表示根目錄,這里表示項(xiàng)目的虛擬根目錄開始,服務(wù)器判斷只要路徑以斜桿開頭,就直接認(rèn)為是 URI 了,所以就直接在前面拼接 http://localhost:8080。
總結(jié)
以上是生活随笔為你收集整理的HTML的图片标签image的图片地址的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 路程速度时间三者公式 路程速度时间三者公
- 下一篇: (前端开发)表格中的行全选、全不选、反选