/和./和../的区别举例

/   网站根路径 

./  当前路径

../ 上一级路径

 

 

例如以上 本地静态网站 index页面地址  localhost:8080/bootstrap_test/index.html

即当前层次的文件夹路径为 localhost:8080/bootstrap_test/

 

需要引入 css 文件夹的 bootstrap.css文件 

1、

<link href="css/bootstrap.min.css" rel="stylesheet">  实际请求地址为： localhost:8080/bootstrap_test/css/bootstrap.min.css 

2、

 

<link href="./css/bootstrap.min.css" rel="stylesheet">  实际请求地址为： localhost:8080/bootstrap_test/css/bootstrap.min.css 

3、

 

<link href="/css/bootstrap.min.css" rel="stylesheet">  实际请求地址为： localhost:8080/css/bootstrap.min.css 

4、

 

<link href="../bootstrap_kkk/css/bootstrap.min.css" rel="stylesheet">  

实际请求地址为： localhost:8080/bootstrap_kkk/css/bootstrap.min.css