【蛻變之路】第19天 絕對路徑 （2019年3月9日）

    Hello，大家好！我是程序員阿飛！今天我主要學習的內容是：絕對路徑，主要包括./和../和/三種路徑。好了，直接進入正題。

    1、含義：相對路徑就是相對於當前文件的路徑。網頁中一般表示路徑使用這個方法。

          /  表示根目錄

        . /  表示當前目錄

        ../  表示上級目錄

    2、實例

        根目錄下有Site1和Image/Image.jpg，Site1下有Page1.html文件和Site2文件夾。Site2下有Page2.html和Page2Image.jpg圖片文件。

             

            （1）文件在當前目錄

                 Page2.html訪問Page2Image.jpg     

                <img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>

             （2）文件在上一層目錄

                 Page1.html訪問Image下的Image.jpg          

                <img src=”../Image/Image.jpg”>          

                Page2.html訪問Image下的Image.jpg          

                <img src=”../../Image/Image.jpg”>

           （3）文件在下一層目錄

                Page1.html訪問Site2文件夾下的Page2Image.jpg          

                <img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>

            （4）根目錄表示法,任何頁面訪問Image下的Image.jpg圖片

                <img src=”/Image/Image.jpg”>

        3、絕對路徑優缺點

            （1）優點：如果網頁位置改變，裏面的鏈接還是指向正確的URL。

            （2）缺點：在編碼編寫時不方便使用絕對路徑，因爲鏈接應該指向真正的域名而 不是開發站點。