首页 网络技术
  1. 正文

html5相对路径怎么写

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

写法:

<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相对路径怎么写
本文链接:https://www.qqooo.cn/post/6731.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!