溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“html中怎么把圖片的絕對路徑改成相對路徑”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
首先要我們要弄懂相對路徑修改成絕對路徑那么必須要知道路徑的基本概念。
html中的路徑：指文件存放的位置，在網頁中利用路徑可以引用文件，完成：插入圖像、視頻等功能。表示在html中路徑的使用方式有兩種：相對路徑，絕對路徑。
1、相對路徑：
html中的相對路徑的概念是：指當前html頁面引用的文件 相對于 當前html頁面文件的路徑，在html網頁開發過程中多采用這種方法來引用我們所想使用的內容。
相對路徑有多種使用的方法，這些方法標識表示的意義也不相同。那么接下來我們來看一下是如何使用的。
./ ：代表文件所在的目錄（通常情況下可以省略不寫）
../ ：代表文件所在的父級目錄（也就是上一級目錄）
../../ ：代表文件所在的父級目錄的父級目錄（也就是上一級上一級目錄）
/ ：代表文件所在的根目錄
如：<img src=’images/1.jpg’/>表示此代碼所在html文件的路徑下的images文件夾下的1.jpg文件。
<img src=’../images/1.jpg’/>表示此代碼所在html文件的路徑的上一級的images文件夾下的1.jpg文件。
2、絕對地址：
就是直接從磁盤的位置去定位文件的地址。類似于我們通過我的電腦一盤符的方式來尋找想要的指定內容，或者說直接帶著協議、域名，即如這樣格式的地址:https://www.taobao.com/img/1.jpg。
如：<img src=’https://www.taobao.com/img/1.jpg’/>表示絕對路徑
3、如何把html圖片絕對路徑改為相對路徑
可以使用html當中給我們提供的<base/>標簽來完成。<base> 標簽為頁面上的所有路徑的引用設置了默認地址或默認目標。 通常情況下，瀏覽器會從當前文檔的 URL 中獲取到相應的元素來填寫相對的引用路徑。
首先<base/>標簽是一個單標簽，同時所有的瀏覽器都支持 <base/>這一個標簽標簽所以兼容性上大家不用考慮。同時在使用<base/>標簽的時候必須注意<base/>標簽，必須放置到html網頁的<head></head>標簽當中，同時每一個html頁面當中最多只能有一個<base/>標簽，它的作用也很明顯。就是用來為html頁面上的所有路徑引用來規定默認地址或默認目標,是一種設置網頁中引用路徑的標記。
剛才我們已經在前面提到了 在html中常見的路徑形式有相對路徑和絕對路徑，那么在這個時候使用了<base/>標簽指定了目標的話，那么我們的用戶使用的客戶端瀏覽器就會把這個內容解析成為當前html中引用大的所有相對路徑，同時包括<a></a>超鏈接標簽、<img/>圖片標簽、<link>css引用標簽、<form></form> 表單標簽中的地址。也就是說，瀏覽器解析的時候會在引用的路徑的前面會自動的加上<base/>上面綁定的地址，同時在這個時候頁面中的相對路徑也都會被轉換成為絕對路徑。
使用語法：
<head>
<base href="目標路徑" />
</head>
“html中怎么把圖片的絕對路徑改成相對路徑”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
