04.相对路径.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!--
  11. 当我们需要跳转到一个服务器内部的页面时,一般我们都会使用相对路径
  12. 相对路径都会使用.或..开头
  13. ./
  14. ../
  15. ./可以省略不写,如果不写./,也不写../,则相当于写了./
  16. ./表示当前文件所在的目录
  17. -在这里当前页面就是 04.相对路径.html
  18. -./就等于 04.相对路径.html所在的目录 path
  19. ../表示当前文件所在目录的上一级目录
  20. -->
  21. <a href="02.列表.html">超链接1</a>
  22. <a href="./02.列表.html">超链接1</a>
  23. <br><br>
  24. <a href="target.html">超链接2</a>
  25. <br>
  26. <a href="../02.列表.html">超链接3</a>
  27. <br>
  28. <a href="./inner/target2.html">超链接4</a>
  29. <br>
  30. <a href="../outer/target3.html">超链接5</a>
  31. </body>
  32. </html>