Html 导航李重定向到另一页中的另一节
我在两个不同的文件夹中有两个html页面,它们都有相同的导航栏,让我们假设它们分别命名为page1和page2,我希望page2中的nav li将我重定向到page1中的特定部分,我该如何做?Html 导航李重定向到另一页中的另一节,html,href,navbar,scrollspy,Html,Href,Navbar,Scrollspy,我在两个不同的文件夹中有两个html页面,它们都有相同的导航栏,让我们假设它们分别命名为page1和page2,我希望page2中的nav li将我重定向到page1中的特定部分,我该如何做? 我试过了,但没用: <a href="../foldername/page1.html#sectionid"></a> 您需要在第1页中设置一个带有id=“sectionid”的HTML元素,以使HTML书签正常工作。 例如: <h2 id="sectionid">B
我试过了,但没用:
<a href="../foldername/page1.html#sectionid"></a>
您需要在第1页中设置一个带有
id=“sectionid”
的HTML元素,以使HTML书签正常工作。
例如:
<h2 id="sectionid">BOOKMARK</h2>
<div class="article">
<h1 class="title" id="Home">Home</h1>
Sample text
</div>
<div class="article">
<h1 class="title" id="About">About</h1>
Sample text
</div>
<div class="article">
<h1 class="title" id="Clients">Clients</h1>
Sample text
</div>
书签
您需要这样创建它:
<nav>
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Clients">Clients</a></li>
<li><a href="#Contact">Contact Us</a></li>
</ul>
</nav>
然后是相关文章,例如:
<h2 id="sectionid">BOOKMARK</h2>
<div class="article">
<h1 class="title" id="Home">Home</h1>
Sample text
</div>
<div class="article">
<h1 class="title" id="About">About</h1>
Sample text
</div>
<div class="article">
<h1 class="title" id="Clients">Clients</h1>
Sample text
</div>
家
示例文本
关于
示例文本
客户
示例文本
因此,您在“href”属性中的#之后添加的内容是指另一个html元素中的“id”属性。(不带#)您可以使用上面发布的内容。有什么问题吗?@Avihaym用“使用引导”回答关于完全不同主题的问题(如这里)对任何人都没有帮助。。。(问题是关于链接-引导与链接无关)@Johannes它不起作用,我也在使用scrollspy,所以我想让它转到另一页的部分,然后向下滚动到给定的部分,但它不会去任何地方它会呆在哪里,好吗。很可能scrollspy正在阻止跳转到锚的默认操作。它是进入页面顶部还是直接进入链接部分(不滚动)?