Question

您好我有一个简单的HTML问题，我正在努力解决。我用google搜索并查看了stackoverflow，但我必须要么做错了，因为我无法让它工作。我试图在index.html页面中创建一个简单的链接，该链接链接到根目录中的文件夹中的另一个HTML页面中的锚标记。

basename00278388pid2725391�31.28.244.74

我正在尝试在根目录的events文件夹中创建一个指向events.html的“Go to Friday Index”链接。我试过创建

<!DOCTYPE html>


<html lang="en">


<head>


<title> </title>


<meta charset="utf-8">
<meta name="author" content=" ">
<meta name="description" content=" ">
<meta name="keywords" content=" ">

<style type="text/css">

</style>

</head>

<body>
    <h1>Canyons Cycling Club</h1>

    <nav>
    <a href="index.html">Home</a> &nbsp;&nbsp;
    <a href="menu.html">Events</a> &nbsp;&nbsp;
    <a href="music.html">Join</a> &nbsp;&nbsp;
    <a href="jobs.html">Gallery</a> &nbsp;&nbsp;
    </nav> 

    <h2>What you need to ride:</h2>

    <ul>
        <li>A road bike in good working order</li>
        <li>One, preferably two, filled water bottlers</li>
        <li>A bicycle helmet compliant with at least one of the following   
            safety and standards organizations.
            <ul>
                <li>CPSC</li>
                <li>ANSI</li>
                <li>ASTM</li>
            </ul>
        <li>A route sheet</li>
        <li>A tool pack, spare tube, or patch kit</li>
    </ul>

    <div>View the Friday, Saturday, and Sunday <i>Index</i> sections on the
     Events page for a listing of this week's no-drop, supervised rides.
    </div>
    <a href="events folder/events.html#friday">Go to Friday Index</a>

</body>

</html>

在events.html中，但当我点击index.html中的链接时，它在新标签页中不会打开任何内容。我在这里先向您的帮助表示感谢。

Answer 1

您需要处理“事件文件夹”中的空格。我会将文件夹重命名为events_folder，但是如果你想留下空间，可以使用“events％20folder”。参考HTML: href syntax : is it okay to have space in file name

Answer 2

<强>的index.html

<a href="events\events.html#friday">Link to Friday Events</a>

<强>活动/ Events.Html

<a id="friday"></a>Friday Content...

使用#属性末尾的href符号指定要引用的页面片段。注意：在HTML5中，您应该使用id标记的a属性，而不是name属性。

要引用子目录中的文件，只需将文件名前面的子目录名放在href属性中，例如events\events.html。

在单独的html页面中创建锚标记

2 个答案: