基础知识 - / ./ ../ 区别

简介: 基础知识 - / ./ ../ 区别

/   网站根路径

./  当前路径

../ 上一级路径


例如:127.0.0.1/bootstrap_test/index.html(需要引入 css 文件夹的 bootstrap.css 文件 )


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

实际请求地址为:127.0.0.1/bootstrap_test/css/bootstrap.min.css


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

实际请求地址为:127.0.0.1/bootstrap_test/css/bootstrap.min.css


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

实际请求地址为:127.0.0.1/css/bootstrap.min.css


4、<link href="../bootstrap_test/css/bootstrap.min.css" rel="stylesheet">

实际请求地址为:127.0.0.1/bootstrap_test/css/bootstrap.min.css


转载:https://blog.csdn.net/u013476542/article/details/60581034

目录
相关文章
|
6月前
|
JavaScript 安全 前端开发
【Node.js】从入门到精通(一)—— fs 模块全解析
【Node.js】从入门到精通(一)—— fs 模块全解析
125 0
|
7月前
|
应用服务中间件 nginx
Angular打包构建项目服务器运行runtime.js、polyfills.js、vendor.js报错net::ERR_ABORTED 404 (Not Found),build修改为相对路径./
Angular打包构建项目服务器运行runtime.js、polyfills.js、vendor.js报错net::ERR_ABORTED 404 (Not Found),build修改为相对路径./
|
PHP
twig模板引擎不支持../ or ./相对路径怎么办?
@(汗) 因为写的框架使用了twig,这就蛋疼了,只有一些twig中文文档,却没有关于twig实战的一些的文章(或者说有些英文版说得太高深),于是这就相当于从零开始. 今天使用自己的框架的时候,遇到一个问题,也就是include不能使用相对路径,这我就急了。
57 0
|
JavaScript 前端开发 编译器
JS ES6中export和import史上最全
JS ES6中export和import史上最全
|
前端开发
前端学习案例2-common.js原理部分2
前端学习案例2-common.js原理部分2
69 0
前端学习案例2-common.js原理部分2
|
前端开发
前端学习案例1-common.js原理部分1
前端学习案例1-common.js原理部分1
60 0
前端学习案例1-common.js原理部分1
|
JavaScript
js基础笔记学习203exec方法
js基础笔记学习203exec方法
58 0
js基础笔记学习203exec方法
|
前端开发 JavaScript Android开发
|
Web App开发 JavaScript 前端开发
《Ext JS权威指南》——第1章,第1.0节Ext JS 4开发入门
本节书摘来自华章社区《Ext JS权威指南》一书中的第1章,第1.0节Ext JS 4开发入门,作者:黄灯桥,更多章节内容可以访问云栖社区“华章社区”公众号查看
1424 0