记录经常要用到的相对路径与绝对路径详解

2021年4月26日16:53:41 发表评论 375

记录经常要用到的相对路径与绝对路径详解云服务器怎么样?云服务器值不值得购买?云服务器好不好?

记录经常要用到的相对路径与绝对路径详解

表示文件路径的方式有两种,相对路径绝对路径。在网页设计中通过路径可以表示链接,插入图像、Flash、CSS文件的位置。

相对路径:以当前文件所在位置为参考点,而建立出的路径。

绝对路径:以Web 站点根为参考点的路径。不管怎么引用,都只有一个url,如https://www.daniao.org。

先来看 相对路径

表示同级文件的引用

2.html和3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:

<a href="3.html">同下文件间的引用/a>

表示上级的引用

1.html是2.html和3.html的上级中的文件,如果2.html或3.html链接到1.html,可以在2.html或3.html中这样写

<a href="../1.html">链接到上级中的文件</a>

../ 代表一级上级(间隔一个) ../../代表二级上级(间隔两个),比如4.html链接到1.html,可以在4.html中这样写

<a href="../../1.html">链接到上级的上级中的文件</a>

表示下级的文件

2.html和3.html是1.html的下级中的文件,如果在1.html中链接到2.html, 可以在1.html中这样写

<a href="first/2.html">链接到下级(first)中的文件</a>

如果在1.html中链接到4.html,可以在1.html中这样写

<a href="first/second/4.html">链接到下级(first/second/)中的文件</a>

绝对路径就很简单,只要引用url就可以了,就不再多说。

VPS主机评测经常要用到,有个参考会好很多!

记录经常要用到的相对路径与绝对路径详解

来源链接:https://www.vpssz.com/

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

郑重声明:VPS主机评测仅提供资料收集及VPS云主机信息推介,不提供任何VPS云主机及代购业务!