我有兩個html頁面在兩個不同的文件夾中,他們都有相同的導航欄,讓我們假設他們被命名爲page1和page2,我希望導航li在page2重定向到頁面1中的特定部分,我該怎麼做?
我試過,但沒有奏效:導航li重定向到另一個頁面中的另一個部分
<a href="../foldername/page1.html#sectionid"></a>
我有兩個html頁面在兩個不同的文件夾中,他們都有相同的導航欄,讓我們假設他們被命名爲page1和page2,我希望導航li在page2重定向到頁面1中的特定部分,我該怎麼做?
我試過,但沒有奏效:導航li重定向到另一個頁面中的另一個部分
<a href="../foldername/page1.html#sectionid"></a>
你需要建立一個HTML元素id="sectionid"
在第1頁,以便將HTML書籤工作。 例如:
<h2 id="sectionid">BOOKMARK</h2>
你需要這樣的創建:
<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>
,然後例如相關文章:
<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」屬性。 (無#)
你可以使用https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy&stacked=h –
你上面發佈的內容應該已經可以工作了。有什麼問題? – Johannes
@Avihaym回答有關完全不同的主題(如這裏)與「使用引導」的問題真的沒有幫助任何人......(問題是關於鏈接 - bootstrap與鏈接無關) – Johannes