html5相对路径的写法是什么

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html5相对路径的写法是什么

用途：指定由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系

如果源文件和引用文件在同一个目录里，直接写引用文件名即可，这时引用文件的方式就是使用相对路径。

下面建立两个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>

推荐教程：《html视频教程》

以上就是html5相对路径的写法是什么的详细内容，更多请关注靠谱客其它相关文章！

最后

以上就是孝顺睫毛为你收集整理的html5相对路径的写法是什么的全部内容，希望文章能够帮你解决html5相对路径的写法是什么所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。