Question

我还是个学习者。

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

我的初始页面是：

没有斜线，斜线后面都没有“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＃tag的链接，仅供我自我指导。

无论如何......其他菜单链接永远不会工作....只有我点击HOME按钮。我需要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。

需要注意的要点是：

当#marker的项目位于页面中时，该页面没有足够的内容可以进行页面滚动，而该元素应该已经在视口中可见，在这种情况下单击{{ 1}}（在页面导航链接中），无论是否滚动链接，页面都会相同，无论是否点击链接。
当#marker的项目位于页面下方时，导航到该项目将使滚动仅到达该点，以便它进入视图。因为下面的内容不足以将#marker元素带到窗口顶部。

对于您的第二个查询，汉堡包菜单无效，我可以看到链接的网页#marker已经在运行汉堡包。如果您遇到此类问题，请将评论添加到此答案中;我会帮忙的。

希望这会有所帮助!!

想要了解关于链接页面

1 个答案: