欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì)

 更新時(shí)間:2021年08月13日 09:42:46   作者:前端嘮嘮嗑  
這篇文章主要介紹了HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì),本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

路徑指文件存放的位置,在網(wǎng)頁中利用路徑可以引用文件,插入圖像、視頻等。表示路徑的方法有兩種:相對(duì)路徑,絕對(duì)路徑。以下討論均是在HTML環(huán)境下進(jìn)行。

相對(duì)路徑

相對(duì)路徑是指目標(biāo)相對(duì)于當(dāng)前文件的路徑,網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)中多采用這種方法來表示目標(biāo)的路徑。相對(duì)路徑有多種表示方法,其表示的意義不盡相同。表示方法如下:

./ :代表文件所在的目錄(可以省略不寫)

../ :代表文件所在的父級(jí)目錄

../../ :代表文件所在的父級(jí)目錄的父級(jí)目錄

/ :代表文件所在的根目錄

值得注意的是,(/ :代表文件所在的根目錄)其實(shí)可以理解成項(xiàng)目內(nèi)部的絕對(duì)路徑。


圖1:項(xiàng)目目錄結(jié)構(gòu)

以圖1所示項(xiàng)目目錄結(jié)構(gòu)為例,如果要在test.html中引入000.css,可以有以下寫法:

  1. <linkhref="./css/css1/000.css" rel="external nofollow" /> (./可以省略)
  2. <link href="/html/css/css1/000.css" rel="external nofollow" />
  3. <link href="../html/css/css1/000.css" rel="external nofollow" />

絕對(duì)路徑

絕對(duì)路徑是指完整的網(wǎng)址,假設(shè)圖一中項(xiàng)目的網(wǎng)站域名為www.test.com,那么000.css的絕對(duì)路徑應(yīng)該是

https://www.test.com/HelloHBuilder/html/css/css1/000.css。

相對(duì)路徑與絕對(duì)路徑的優(yōu)缺點(diǎn)


表1:相對(duì)路徑與絕對(duì)路徑的優(yōu)缺點(diǎn)

到此這篇關(guān)于HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì)的文章就介紹到這了,更多相關(guān)HTML 絕對(duì)路徑與相對(duì)路徑內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論