【整理】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">  当前在根目录，跳转到下级页面</a>

<a href="../index.html">  当前在subfile,跳转到上层父目录的 index页面</a>

<a href="../../index.html">  当前在subsubfile,跳转到上上层父目录的 index 页面</a>