html5相对路径的写法：1、利用“文件名”来表示同级路径文件；2、利用“./文件名”表示上级目录文件；3、利用“../文件名”表示上上级文件；4、利用“同级目录名/文件名”来表示下级目录文件。
本教程操作环境：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
写法：
这是超连接
登录后复制登录后复制登录后复制
eg2：如何表示上级目录
../表示源文件所在目录的上一级目录，http://www.cnblogs.com/表示源文件所在目录的上上级目录，以此类推。
假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是：c:/Inetpub/wwwroot/sites/index.html
写法：
这是超连接
登录后复制登录后复制登录后复制
eg3：如何表示上上级目录
假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是：c:/Inetpub/wwwroot/sites/wowstory/index.html
写法：
index.html
登录后复制
eg3：如何表示下级目录
引用下级目录的文件，直接写下级目录文件的路径即可。
假设：info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是：c:/Inetpub/wwwroot/sites/blabla/html/index.html
写法：
这是超连接
登录后复制登录后复制登录后复制
推荐教程：《html视频教程》
以上就是html5相对路径的写法是什么的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2935648.html
