以HTML链接内部文件

时间:2018-09-25 00:48:20

标签: jquery html file filepath relative-path

我正在尝试在HTML代码中链接内部文件,但是由于某种原因无法链接。我使用终端获取文件路径,并再次检查它是否正确,但是缺少某些内容。在下面的代码中,指向索引的链接有效,但对Marios Page无效,如果有人可以指导我我做错了什么,那将不胜感激。

代码:

<!DOCTYPE html>
<html>
<head>
<title>Laura</title>
</head>
<body>

<h1>Laura's Page</h1>
<p>Hello I am the Laura.html file</p>
<a href="/Users/bobgohary/Desktop/Linking/Index.html">Click me to go to back to Index :() </a>
<a href="/Users/bobgohary/Desktop/Linking/Europe/Italy/Tuscany/Mario.html">Click me to go to back to Mario's Page </a>



</body>

1 个答案:

答案 0 :(得分:2)

问题在于您的路径是绝对路径,但HTML不使用绝对文件路径。请改用相对路径。

例如,假设您的index.html文件在路径中

/Users/bobgohary/Desktop/index.html

这里还有另一个文件:

/Users/bobgohary/Desktop/Linking/Europe/Italy/Tuscany/Mario.html

您需要弄清楚如何从{em> Mario.htmlindex.html ,这是解决方法:

<a href="/Linking/Europe/Italy/Tuscany/Mario.html">

这是链接HTML文件的方式。