想了解链接页面

Question

我还是个学习者。

我在链接我的网页时遇到问题。

我的初始页面是：

leatherjacksofficial.com

没有斜线，斜线后面也没有“name.html”。

该网站可以正常打开，但是当我首先尝试单击另一个链接时，例如“SHOWS”....它让我这样：https://leatherjacksofficial.com/#Shows。

这很奇怪，因为我的 index.html 文件的菜单代码是这样的：

 <div id="Menu_LIST">


<ul>

 <li><a href="https://leatherjacksofficial.com/index.html" target="_parent">HOME</a></li>

 <li><a href="https://leatherjacksofficial.com/shows.html" target="_parent">SHOWS</a></li>

 <li><a href="https://leatherjacks.bigcartel.com/" target="_parent">STORE</a></li>

 <li><a href="#PressKit" target="_parent">PRESS KIT</a></li>

 <li><a href="#Contact" target="_parent">CONTACT</a></li>

</ul>

还有de#标签的链接，仅供参考。

无论如何...其他菜单链接永远不会工作...只有当我单击主页按钮时。它带我去https://leatherjacksofficial.com/index.html

那么它起作用了....为什么会发生这种情况？

有人可以帮帮我吗？

PS：我还注意到很多网站上只有"name.com"... 他们的子链接从不显示.html 的扩展...

我做错了什么？

谢谢大家！

Answer 1

将评论中的工作解决方案添加为答案，并提供其他详细信息以支持答案。

#marker 用于在页面内导航到具有id='marker' 的元素。假设您有一个页面index.html，并且该页面内的一个元素具有id='shows'，例如。 <div id='shows'>Some content</div>。假设你有一个像<a href='/index.html#shows'>Shows</a> 这样的锚元素。它会先带你到index.html；比，如果找到，将搜索带有id='shows' 的元素；页面将自动滚动以将该元素显示在视图中。如果没有找到该页面将照常显示。

注意：您可以将标记与任何元素一起放置。您只需将id 提供给元素并将#marker 用于该ID。

需要注意的关键点是：

1234563在页面导航链接中），不会使任何 UI 滚动并且页面看起来相同，无论是否单击链接。

1. 当带有#marker 的项目位于页面下方的深处时，导航到该项目将使滚动仅到达该点，以便进入视图。因为下面的内容不足以将#marker 元素带到窗口顶部。

对于您的第二个查询，汉堡菜单不起作用，我可以看到链接的网页http://leatherjacksofficial.com 已经工作了汉堡。如果您遇到此类问题，请在此答案中添加评论；我会帮忙的。

希望这会有所帮助！