HTML相对路径相对目录--上级目录及下级目录的写法

简介: 如何表示上级目录../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.

如何表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "../index.html">index.html</a>

 

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "../../index.html">index.html</a>

 

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "../wowstory/index.html">index.html</a>
 
 

如何表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "html/index.html">index.html</a>

 

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "html/tutorials/index.html">index.html</a>

 

如何联系我:【万里虎】www.bravetiger.cn 【QQ】3396726884 (咨询问题100元起,帮助解决问题500元起) 【博客】http://www.cnblogs.com/kenshinobiy/
目录
相关文章
|
5月前
|
存储 移动开发 前端开发
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
|
9月前
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
11月前
|
存储 缓存 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实战148-定位-相对relative
html+css实战148-定位-相对relative
103 0
html+css实战148-定位-相对relative
html+css实战16-相对路径
html+css实战16-相对路径
69 0
html+css实战16-相对路径
html+css实战17-相对路径-上级
html+css实战17-相对路径-上级
67 0
html+css实战17-相对路径-上级
|
安全 前端开发 JavaScript
html中的链接不添加http(协议相对 URL)
在HTML中,如果想引用图片,通常会使用类似以下的代码: &lt;img src=&quot;https://www.fgba.net/static/image/common/logo.png&quot; alt=&quot;富贵吧&quot; /&gt; 如果将以上代码改成这样,你觉得图片还能正常显示吗? &lt;img src=&quot;//www.fgba.net/static/image/common/logo.png&quot; alt=&quot;富贵吧&quot; /&gt; 实际上这是可行的,省略URL的协议声明,浏览器照样可以正常引用相应的资源,这项解决方案称为protocol-relative URL,暂且可译作 协议相对 URL。那这么写有什么好处呢?
331 0
html中的链接不添加http(协议相对 URL)
|
前端开发 JavaScript
HTML相对路径 当前目录、上级目录、根目录、下级目录表示法
文件引用时经常需要用到相对目录。如(js,css,图片等) "./"  ---------       源代码所在的当前目录(可省略) "../"  ---------       源代码上一级目录   上上一级就是.
2114 0
|
Web App开发 索引
HTML中的相对路径与绝对路径
HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......(相关教程:HTML超链接;HTML图片)如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。
903 0