如果它们位于相同或不同的文件夹中而不写完整路径,我如何链接到 html 页面?
14 回答
在同一文件夹中,只需使用文件名:
<a href="thefile.html">my link</a>
在父文件夹的目录中:
<a href="../thefile.html">my link</a>
在子目录中:
<a href="subdir/thefile.html">my link</a>
此外,这将上升一个目录,然后返回到另一个子文件夹。
<a href = "../subfolder/page.html">link</a>
要上多个目录,您可以这样做。
<a href = "../../page.html">link</a>
去根,我用这个
<a href = "~/page.html">link</a>
另外,如果要引用根目录,可以使用:
/
这将指的是根。因此,假设我们在一个嵌套在几级文件夹中的文件中,并且您想返回到主 index.html:
<a href="/index.html">My Index Page</a>
罗伯特对进一步的相对路径解释很准确。
您可以使用
../
因此,要从 /webroot/site/pages/folder1/myotherpage.htm 进入文件夹 /webroot/site/pages/folder2/mypage.htm,您的链接将如下所示:
<a href="../folder2/mypage.htm">Link to My Page</a>
使用相对路径
主页可能是: /index.html
二级页面: /otherFolder/otherpage.html
链接是这样的:
<a href="/otherFolder/otherpage.html">otherpage</a>
如果您想链接到根目录,您可以使用
/
, 或者/index.html
如果您想链接到同一目录中的文件,只需输入文件名
<a href="/employees.html">Employees Click Here</a>
要移回文件夹,您可以使用
../
要从根目录链接到员工目录中的索引页面,您可以这样做
<a href="../employees/index.html">Employees Directory Index Page</a>
我会提醒您:如果您使用的是绝对路径,那么您的应用程序不能安装在服务器的“子目录”中!
例如, http: //yourserver.com/yourapp可能会工作,但http://myserver.com/apps/yourapp不会!
简短的回答:
. 用于当前目录
..用于上层目录,如cd ..
shell 上的命令。
简单而棘手,我写这个答案主要是为了自己不要忘记下次。
ademSite/
├── index.html
└── style.css
中的CSS链接index.html
:
<link rel="stylesheet" href="style.css">
或者
<link rel="stylesheet" href="./style.css">
ademSite/
├── index.html
└── stylefiles
└── style.css
这种情况应该是:
<link rel="stylesheet" href="stylefiles/style.css">
或者<link rel="stylesheet" href="./stylefiles/style.css">
├── html
│ └── index.html
└── stylefiles
└── style.css
在这种情况下,路径必须是:
<link rel="stylesheet" href="../stylefiles/style.css">
利用
../
例如,如果您的文件,假设图像folder1
在folder2
您以这种方式找到它
../folder1/folder2/image
下面的答案是我创建的将 html 内容从另一个共享驱动器链接到我将发送给经理的 html 页面。当然,路径与您的使用相关,但在我的情况下,我只会将 html 发送给他们,而从加载运行器动态更新的所有其他内容都会为我更新。节省大量纸张,并且他们可以按照自己认为合适的方式处理数字,而不仅仅是硬拷贝。
SRC="file://///shareddrive/shareddrive-folder/username/scripting/testReport\contents.html" NAME="contents_frame" title="Table of Contents"
对于 ASP.NET,这在开发和部署方面对我有用:
<a runat="server" href="~/Subfolder/TargetPage">TargetPage</a>
使用runat="server"
和href="~/"
是进入根目录的关键。
href="./page.htm" 用于同一目录
href="../page.htm" 父目录
href="~/page.htm" 根目录或最上层目录。
这对我有用<a href="preferedfile name.html">to be clicked <a/>
当我在创建网页时,我发现将 Html 文件移动到不同的文件夹,它会改变图像、视频、音乐、PDF 文件等的路径。有了它们,你必须走出 HTML 文件位于,与
../HTML
。然后当你出去的时候,根据你的页面内容在哪里,插入,
<a href="Meme/WP/Chipmunk.html">Chipmunk Memes</a>
*/ This is where the HTML is located ^^^^^^ */
<img class="demo cursor" src="../6.png" width="100" height="50" onclick="currentSlide(6)" alt="Sasha Having Some Fun">
*/ This is where the images are located. The "../6.png" is the image file, and it is located one directory back. */