HTML相对路径 当前目录、上级目录、根目录、下级目录表示法

简介: 文件引用时经常需要用到相对目录。如(js,css,图片等) "./"  ---------       源代码所在的当前目录(可省略) "../"  ---------       源代码上一级目录   上上一级就是.

文件引用时经常需要用到相对目录。如(js,css,图片等)

"./"  ---------       源代码所在的当前目录(可省略)

"../"  ---------       源代码上一级目录   上上一级就是../../

"/"  ---------       源代码所在的根目录

下级目录直接写目录名 css/index.css 或./css/index.css

 

../  代表上一级目录    ./代表同级目录    直接写img/aa.jpg代表同级目录 

 

 

来源:http://blog.diyiye.com/?post=14

相关文章
|
4月前
|
JavaScript
html / vue 自动生成目录
html / vue 自动生成目录
55 0
|
6月前
|
存储 前端开发 JavaScript
HTML相对路径的深入解析与应用
HTML相对路径的深入解析与应用
131 0
|
11月前
|
存储 移动开发 前端开发
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
存储 缓存 JavaScript
Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件
为了解决调用一些依赖的如echarts等一些js的代码模块引入的问题,就需要静态文件了。 本篇解说StaticFileController,在返回的html文本中调用外部js文件,类似的,其他文件都是一样了,只是引入的后缀名不一样。
Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件
|
缓存 JavaScript 前端开发
Webpack 项目中 html-webpack-plugin 和 public 目录的关系
这几天一直在研究 Webpack 这些打包工具链,在研究项目启动的过程中,初步认识到平时开发时是通过 Webpack-dev-server 调用 Webpack 的打包能力结合静态资源服务器能力开发的
html+css实战176-项目目录
html+css实战176-项目目录
109 0
html+css实战176-项目目录
html+css实战16-相对路径
html+css实战16-相对路径
86 0
html+css实战16-相对路径
html+css实战17-相对路径-上级
html+css实战17-相对路径-上级
86 0
html+css实战17-相对路径-上级
HTML相对路径相对目录--上级目录及下级目录的写法
如何表示上级目录 ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。 假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.
2776 0

热门文章

最新文章

下一篇
无影云桌面