您好,登录后才能下订单哦!
这篇文章给大家分享的是有关html5相对路径怎么写的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
html5相对路径的写法:1、利用“文件名”来表示同级路径文件;2、利用“./文件名”表示上级目录文件;3、利用“../文件名”表示上上级文件;4、利用“同级目录名/文件名”来表示下级目录文件。
本教程操作环境:windows10系统、HTML5版、Dell G3电脑。
用途:指定由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系
如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。
下面建立两个HTML文档info.html和index.html,用作示例,要求都是在info.html加入index.html超链接。
eg1:相对路径的简单应用
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html
写法:
<a href = "index.html">这是超连接</a>
eg2:如何表示上级目录
../表示源文件所在目录的上一级目录,http://www.cnblogs.com/表示源文件所在目录的上上级目录,以此类推。
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/index.html
写法:
<a href = "../index.html">这是超连接</a>
eg3:如何表示上上级目录
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html
写法:
<a href = "../wowstory/index.html">index.html</a>
eg3:如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
写法:
<a href = "html/index.html">这是超连接</a>
感谢各位的阅读!关于“html5相对路径怎么写”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。