加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

HTML使用相对路径获取各级目录下文件方式详解

发布时间:2020-03-17 20:29:05 所属栏目:编程 来源:站长网
导读:以当前文件地址位置为参考点,成立方针文件的路径。 绝对路径的观念 整个文件的完备路径,好比X:wwwwebindex.html,可能 。这两者都属于绝对路径。 相对路径多种行使方法详解 假设当前有一个页面,要链接到一个页面名称为test.html的页面,以下展示多种

以当前文件地址位置为参考点,成立方针文件的路径。

绝对路径的观念

整个文件的完备路径,好比X:wwwwebindex.html,可能 。这两者都属于绝对路径。

相对路径多种行使方法详解

假设当前有一个页面,要链接到一个页面名称为test.html的页面,以下展示多种相对路径的表达方法

相对路径典型 路径所暗示的寄义
href="test.html"   暗示此页面就在当前页面地址目次下  
href="./test.html"   暗示此页面就在当前页面地址目次下,单个点和上面直接文件名暗示的意思是一样的。  
href="/test.html"   暗示此页面在网站根目次下  
href="../test.html"   暗示此页面在当前页面的上一级目次下  
href="../../test.html"   暗示此页面在当前页面的上一级的上一级目次下(即上两级目次下),上级目次每增进一层就加一个../  
href="../test.html"   暗示此页面在当前页面上一级目次的web子目次下  

相对路径会见网站根目次下的文件

单斜杠/暗示根目次,无论哪个层级都可以行使/单斜杠直接会见根目次。

假设网页中许多处所都要链接到网站根目次下web文件夹下的about.html页面,那么html代码应该这样写<a href='http://www.jb51.net/about.html'>链接到</a>。

相对路径会见当前页面上级目次下的文件

../暗示当前文件的上一级目次,假设当前页面路径为 Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm 。页面中必要链接到X:wwwwebStaticPageFilesSiteMapFilesTag3tag_3_1.htm这个文件。那么在当前页面中的链接地点应该是<a href='http://www.jb51.net/Tag3/tag_3_1.htm'>.NET标签</a>。

PS:因为当前目次是Tag11,而页面必要链接的方针文件地址目次为Tag3,和当前目次是属于统一个父目次SiteMapFiles,以是要行使../先链接到父目次,而在链接到父目次下的方针目次及文件。

相对路径会见当前页面多层上级目次下的文件

../既然是暗示当前文件的上一级目次,那么../../就暗示当前文件的上上目次,按照要获取的父级层数而叠加../就可以了。

相对路径会见当前页面文件所属下级目次下的文件

直接行使当前目次名称/下级目次名称/方针文件名即可。假设当前的文件地址目次是shiyousan.com/StaticPageFiles/SiteMapFiles/,要链接到当前目次下Tag3下的文件 ,链接地点这样写即可:<a href='http://www.jb51.net/web/SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>,可能也可以行使./,./的写法是这样的:<a href='http://www.jb51.net/web/SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>。

总结

. --------单个点可能直接目次名称暗示当前目次

.. --------双个点暗示当前文件的上一级目次

/ --------单斜杠暗示当前网站的根目次

以上所述是小编给各人先容的HTML行使相对路径获取各级目次下文件方法详解,但愿对各人有所辅佐,假如各人有任何疑问请给我留言,小编会实时回覆各人的。在此也很是感激各人对剧本之家网站的支持!

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读