表示文件路径的方式有两种,相对路径和绝对路径。在网页设计中通过路径可以表示链接,插入图像、Flash、CSS文件的位置。
相对路径:以当前文件所在位置为参考点,而建立出的目录路径。
绝对路径:以Web 站点根目录为参考点的目录路径。不管怎么引用,都只有一个url,如http://ituibar.com。
先来看 相对路径:
表示同级目录文件的引用
2.html和3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:
同目录下文件间的引用/a>
表示上级目录的引用
1.html是2.html和3.html的上级目录中的文件,如果2.html或3.html链接到1.html,可以在2.html或3.html中这样写
链接到上级目录中的文件
../ 代表一级上级目录(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4.html链接到1.html,可以在4.html中这样写
链接到上级目录的上级目录中的文件链接到下级目录(first)中的文件
如果在1.html中链接到4.html,可以在1.html中这样写
链接到下级目录(first/second/)中的文件
绝对路径就很简单,只要引用url就可以了,就不再多说。
下载体验(来自百度网盘):
安卓:http://pan.baidu.com/share/link?shareid=247705&uk=2720497303
WIN:http://pan.baidu.com/share/link?shareid=247708&uk=2720497303
Linux:http://pan.baidu.com/share/link?shareid=247709&uk=2720497303
IOS:http://pan.baidu.com/share/link?shareid=247707&uk=2720497303