Question

好的，我在这里问的主题是关于“锚”是正确的吗？

好的，这实际上现在有用了

<a href="http://www.mysite.com/index.php?id=363#tips1">**Development**</a>这是在第一个网站上

然后发展的地方:(第二站点）

<a name="#tips1">**Developer**</a>

我在这里错过了什么吗？

好的，这是第一个网站： http://i197.photobucket.com/albums/aa253/tintingerri/Test/test-4.png

现在，如果您看到，如果您点击“开发”，它将转到第二个站点。在第二个网站中，我在一个页面中列出了“开发”和“咨询”。

现在我希望如果用户单击“咨询”，它将直接转到“咨询”文本而不是“开发”文本，因为它们是在一个页面中编写的。

这个锚是什么？

Answer 1

我不确定我明白你的意思。

<ul>
    <li><a href="#apple">Apple</a></li>
    <li><a href="#banana">Banana</a></li>
    <li><a href="#grapes">Grapes</a></li>
</ul>
<hr />
<p id="apple">This is the Apple section.</p>
<hr />
<p id="banana">This is the Banana section.</p>
<hr />
<p id="grapes">This is the Grapes section.</p>

当您点击某个链接时，它会转到您通过元素ID链接的部分。这些部分可以位于<hr />。

之后

链接到另一个页面是类似的：

<ul>
    <li><a href="/fruit.html#apple">Apple</a></li>
    <li><a href="/fruit.html#banana">Banana</a></li>
    <li><a href="/fruit.html#grapes">Grapes</a></li>
</ul>

这是你的意思吗？

[编辑]

在评论中清除问题后，解决方案确实证明是锚点。第一页，例如，index.html，将包含以下代码：

<ul>
    <li><a href="/fruit.html#apple">Apple</a></li>
    <li><a href="/fruit.html#banana">Banana</a></li>
    <li><a href="/fruit.html#grapes">Grapes</a></li>
</ul>

虽然第2页（例如fruit.html）会有以下代码：

<p id="apple">This is the Apple section.</p>
<hr />
<p id="banana">This is the Banana section.</p>
<hr />
<p id="grapes">This is the Grapes section.</p>

当然，您不必使用<p>标签。您可能希望改为使用<div>容器：

<div id="apple">
    <p>My apple stuff</p>
</div>
<hr />

等

Answer 2

我真的不确定你在这里问的是什么，但我得到的印象是：

如果有人点击了这些链接，如何在同一页面上显示与该链接相关的信息？

这相对容易：

HTML：

<ul>
    <li><a href="#apple">Apple</a></li>
    <li><a href="#banana">Banana</a></li>
    <li><a href="#grapes">Grapes</a></li>
</ul>

<div id="apple" class="panel">
<p>Apple Stuff</p>
</div>

<div id="banana" class="panel">
<p>Banana Stuff</p>
</div>

<div id="grapes" class="panel">
<p>Grapes Stuff</p>
</div>

的CSS：

.panel {
    display: none;
}

.panel:target {
    display: block;
}

JS Fiddle demo of the above

Answer 3

我认为您要尝试链接到您网页上的其他位置？对于absolute，使用以下语法：<a href="web address">Link text</a>。

使用相对寻址，只需要使用您链接到的网页文件的名称作为href属性中的值，前提是包含链接的页面与作为链接的页面位于同一文件夹中目标。也许这还没有回答你的问题？

对于同一页面，HTML文档中的命名锚点：

<a name="useful on same page">Useful Paragraph</a>

在同一文档中创建指向“有用段落”的链接：

<a href="#useful on same page">Useful Paragraph</a>

如果我仍然没有回答这个问题，请提供更多信息

Answer 4

使用ul，非常简单：

<ul>

<li><a href="#">Apple</a></li>
<li><a href="#">Banana</a></li>
<li><a href="#">Grapes</a></li>

</ul>

换行符的html链接

4 个答案:

HTML：

的CSS：