html中怎么把圖片的絕對(duì)路徑改成相對(duì)路徑-創(chuàng)新互聯(lián)
本篇內(nèi)容介紹了“html中怎么把圖片的絕對(duì)路徑改成相對(duì)路徑”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
首先要我們要弄懂相對(duì)路徑修改成絕對(duì)路徑那么必須要知道路徑的基本概念。
html中的路徑：指文件存放的位置，在網(wǎng)頁(yè)中利用路徑可以引用文件，完成：插入圖像、視頻等功能。表示在html中路徑的使用方式有兩種：相對(duì)路徑，絕對(duì)路徑。
1、相對(duì)路徑：
html中的相對(duì)路徑的概念是：指當(dāng)前html頁(yè)面引用的文件 相對(duì)于 當(dāng)前html頁(yè)面文件的路徑，在html網(wǎng)頁(yè)開發(fā)過程中多采用這種方法來引用我們所想使用的內(nèi)容。
相對(duì)路徑有多種使用的方法，這些方法標(biāo)識(shí)表示的意義也不相同。那么接下來我們來看一下是如何使用的。
./ ：代表文件所在的目錄（通常情況下可以省略不寫）
../ ：代表文件所在的父級(jí)目錄（也就是上一級(jí)目錄）
../../ ：代表文件所在的父級(jí)目錄的父級(jí)目錄（也就是上一級(jí)上一級(jí)目錄）
/ ：代表文件所在的根目錄
如：<img src=’images/1.jpg’/>表示此代碼所在html文件的路徑下的images文件夾下的1.jpg文件。
<img src=’../images/1.jpg’/>表示此代碼所在html文件的路徑的上一級(jí)的images文件夾下的1.jpg文件。
2、絕對(duì)地址：
就是直接從磁盤的位置去定位文件的地址。類似于我們通過我的電腦一盤符的方式來尋找想要的指定內(nèi)容，或者說直接帶著協(xié)議、域名，即如這樣格式的地址:/tupian/20230522/error.html src=’/tupian/20230522/error.html 可以使用html當(dāng)中給我們提供的<base/>標(biāo)簽來完成。<base> 標(biāo)簽為頁(yè)面上的所有路徑的引用設(shè)置了默認(rèn)地址或默認(rèn)目標(biāo)。 通常情況下，瀏覽器會(huì)從當(dāng)前文檔的 URL 中獲取到相應(yīng)的元素來填寫相對(duì)的引用路徑。
首先<base/>標(biāo)簽是一個(gè)單標(biāo)簽，同時(shí)所有的瀏覽器都支持 <base/>這一個(gè)標(biāo)簽標(biāo)簽所以兼容性上大家不用考慮。同時(shí)在使用<base/>標(biāo)簽的時(shí)候必須注意<base/>標(biāo)簽，必須放置到html網(wǎng)頁(yè)的<head></head>標(biāo)簽當(dāng)中，同時(shí)每一個(gè)html頁(yè)面當(dāng)中最多只能有一個(gè)<base/>標(biāo)簽，它的作用也很明顯。就是用來為html頁(yè)面上的所有路徑引用來規(guī)定默認(rèn)地址或默認(rèn)目標(biāo),是一種設(shè)置網(wǎng)頁(yè)中引用路徑的標(biāo)記。
剛才我們已經(jīng)在前面提到了 在html中常見的路徑形式有相對(duì)路徑和絕對(duì)路徑，那么在這個(gè)時(shí)候使用了<base/>標(biāo)簽指定了目標(biāo)的話，那么我們的用戶使用的客戶端瀏覽器就會(huì)把這個(gè)內(nèi)容解析成為當(dāng)前html中引用大的所有相對(duì)路徑，同時(shí)包括<a></a>超鏈接標(biāo)簽、<img/>圖片標(biāo)簽、<link>css引用標(biāo)簽、<form></form> 表單標(biāo)簽中的地址。也就是說，瀏覽器解析的時(shí)候會(huì)在引用的路徑的前面會(huì)自動(dòng)的加上<base/>上面綁定的地址，同時(shí)在這個(gè)時(shí)候頁(yè)面中的相對(duì)路徑也都會(huì)被轉(zhuǎn)換成為絕對(duì)路徑。
使用語(yǔ)法：
<head>
<base href="目標(biāo)路徑" />
</head>
“html中怎么把圖片的絕對(duì)路徑改成相對(duì)路徑”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
當(dāng)前文章：html中怎么把圖片的絕對(duì)路徑改成相對(duì)路徑-創(chuàng)新互聯(lián)
文章源于：http://jinyejixie.com/article14/ddegge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、商城網(wǎng)站、Google、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- B/S打印方案以及代碼控制IE打印設(shè)置是怎樣的-創(chuàng)新互聯(lián)
- Docker和容器鏡像的區(qū)別是什么-創(chuàng)新互聯(lián)
- APP是如何實(shí)現(xiàn)自動(dòng)續(xù)費(fèi)的-創(chuàng)新互聯(lián)
- pytorch動(dòng)態(tài)網(wǎng)絡(luò)以及權(quán)重共享實(shí)例-創(chuàng)新互聯(lián)
- jquery判斷checkbox是否選中的方法-創(chuàng)新互聯(lián)
- gitlab代碼倉(cāng)庫(kù)的初始化-創(chuàng)新互聯(lián)
- python中t的意思是什么-創(chuàng)新互聯(lián)
- 做搜索引擎優(yōu)化，你不能不知道搜索引擎是如何 2014-02-09
- 為什么搜索引擎優(yōu)化關(guān)鍵字上下浮動(dòng) 2013-05-19
- 【搜索引擎優(yōu)化】單頁(yè)面怎么優(yōu)化 2023-04-19
- 針對(duì)搜索引擎優(yōu)化規(guī)律的網(wǎng)站小編提出了四點(diǎn)SEO建議 2023-04-15
- 影響網(wǎng)站排名的搜索引擎優(yōu)化算法的因素有哪些 2016-11-14
- 中小型企業(yè)網(wǎng)站的搜索引擎優(yōu)化通病 2021-08-27
- 德州業(yè)務(wù)推廣檢查英語(yǔ)網(wǎng)站搜索引擎優(yōu)化的簡(jiǎn)單步驟 2023-01-29
- 網(wǎng)站營(yíng)銷之SEO搜索引擎優(yōu)化的意義 2013-05-01
- 為什么要進(jìn)行搜索引擎優(yōu)化seo 2023-04-13
- [搜索引擎優(yōu)化]網(wǎng)站被K了怎么恢復(fù) 2023-04-18
- 成功搜索引擎優(yōu)化請(qǐng)參照金字塔模型 2022-11-23
- 強(qiáng)相關(guān)搜索引擎優(yōu)化技術(shù)外圍問題 2014-03-02