我还是个学习者。
我在链接我的页面时遇到问题。
我的初始页面是:
没有斜线,斜线后也没有“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
s 扩展...
我做错了什么?
谢谢大家!
最佳答案
将评论中的有效解决方案添加为答案,并添加其他详细信息以支持答案。
#marker
用于在页面内导航到具有 id='marker'
的元素.假设你有一个页面 index.html
此页面内的元素之一有 id='shows'
例如。 <div id='shows'>Some content</div>
.假设你有一个像 <a href='/index.html#shows'>Shows</a>
这样的 anchor 元素.它会带你到index.html
第一的;比,将搜索带有 id='shows'
的元素, 如果找到;页面将自动滚动以将该元素显示在 View 中。如果找不到,页面将照常显示。
注意:您可以将标记与任何元素放在一起。你只需要给 id
到元素并使用 #marker
到那个 ID。
需要注意的重点是:
当项目带有
#marker
在没有足够内容使页面滚动的页面中,元素应该已经在视口(viewport)中可见,在这种情况下单击#marker
(在页面导航链接中)不会进行任何 UI 滚动,无论是否单击链接,页面看起来都一样。当项目带有
#marker
在页面下方的深处,导航到它将使滚动只到点,以便它出现在 View 中。因为以下内容不足以带来#marker
元素到窗口顶部。
对于您的第二个查询,汉堡菜单不起作用,我可以看到链接的网页 http://leatherjacksofficial.com
已经工作的汉堡包。如果您遇到此类问题,请在此答案中添加评论;我会在这方面提供帮助。
希望这对您有所帮助!
关于html - 想了解关于链接页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48971267/