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

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

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

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

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

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

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

 

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

 

 

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

相关文章
|
4月前
|
存储 移动开发 前端开发
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
|
8月前
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
10月前
|
存储 缓存 JavaScript
Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件
为了解决调用一些依赖的如echarts等一些js的代码模块引入的问题,就需要静态文件了。 本篇解说StaticFileController,在返回的html文本中调用外部js文件,类似的,其他文件都是一样了,只是引入的后缀名不一样。
Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件
html+css实战176-项目目录
html+css实战176-项目目录
90 0
html+css实战176-项目目录
html+css实战16-相对路径
html+css实战16-相对路径
69 0
html+css实战16-相对路径
html+css实战17-相对路径-上级
html+css实战17-相对路径-上级
67 0
html+css实战17-相对路径-上级
HTML相对路径相对目录--上级目录及下级目录的写法
如何表示上级目录 ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。 假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.
2674 0
|
Web App开发 索引
HTML中的相对路径与绝对路径
HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......(相关教程:HTML超链接;HTML图片)如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。
902 0
|
16天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
7天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据