【整理】HTML&CSS 學習筆記（5）--html&css---網頁的工程檔案夾組織形式

HTML檔案夾組織

HTML檔案組織有幾種形式

（1） 根目錄

          一般通路就寫到網址,或者 網址\即可，不寫預設網頁名

          預設網頁名為 index.html 或default.html

（2）下層檔案目錄

         小工程：html目錄   css目錄   images目錄  video目錄

         大工程：子目錄1                      子目錄2            子目錄3

                       html  images...           html  images...

         大工程：其他結構

網頁路徑裡包括檔案夾路徑

cmd等檔案目錄指令，這裡也适用

（1）了解cmd等基礎檔案指令

（2）了解windows的\ 必須寫成\\ 或者/

（3）目錄指令，就是檔案夾層次，了解這點，“檔案夾層次”即代表 層級（無視檔案）

（4）目錄往上是受到檔案夾層次的限制的

         比如

       pc的檔案層次，隻能最多回到 盤符，不能跨硬碟，在C槽跨硬碟要用d: 先切換，不要直接d:\temp1這種   

        html網頁檔案夾層次，最多也隻能回到 根目錄

（5） 注意網址，也就是檔案夾路徑+檔案名總長度，老的是255字元。現在浏覽器限制少一些，盡量小于255

cd ~           // 寫成cd~會報錯,回到根目錄

cd ..           //往上回一級

cd ../..        //往上回2級

cd ../../..    //往上回3級

網頁之間跳轉符合檔案夾跳轉

假設  目前根目錄檔案夾為 f1，包含index.html

         下層有檔案檔案夾 f11  ,包含檔案    subfile.html 

         下層有檔案檔案夾 f111  ,包含檔案    subsubfile.html 

目前網頁位址：f1 或者 f1/  或者 fi/index.html

<a href="f11/subfile.html" target="_blank" rel="external nofollow" >  目前在根目錄，跳轉到下級頁面</a>

<a href="../index.html" target="_blank" rel="external nofollow" >  目前在subfile,跳轉到上層父目錄的 index頁面</a>

<a href="../../index.html" target="_blank" rel="external nofollow" >  目前在subsubfile,跳轉到上上層父目錄的 index 頁面</a>