如何結合導航欄和分頁？

我想要去一個新的標籤，當我點擊導航欄的每個項目，但是我正在使用分頁（不知道我是否正確使用它），它引導我到期望的頁面部分，但在同一頁中不在一個新標籤。我怎樣才能解決這個問題？如何結合導航欄和分頁？

<div class="container"> 
<nav class="navbar navbar-dark bg-primary navbar-fixed-top pagination pagination-sm"> 
    <div class="nav navbar-nav"> 
     <a class="nav-item nav-link active page-item" href="#monajalal">Mona Jalal <span class="sr-only">(current)</span></a> 
     <a class="nav-item nav-link page-item" href="#education">Education</a> 
     <a class="nav-item nav-link page-item" href="#experience">Experience</a> 
     <a class="nav-item nav-link page-item" href="#courseworks">Courseworks</a> 
     <a class="nav-item nav-link page-item" href="#teaching">Teaching</a> 
     <a class="nav-item nav-link page-item" href="#projects">Projects</a> 
     <a class="navbar-brand pull-sm-right m-r-0" href="https://github.com/monajalal"><i class="fa fa-github fa-lg"></i></a> 
     <a class="navbar-brand pull-sm-right m-r-2" href="https://twitter.com/MonaJalal_"><i class="fa fa-twitter fa-lg"></i></a> 
     <a class="navbar-brand pull-sm-right m-r-4" href="https://www.linkedin.com/in/mona-jalal"><i class="fa fa-linkedin fa-lg"></i></a> 
     <a class="navbar-brand pull-sm-right m-r-6" href="http://stackoverflow.com/users/2414957/mona-jalal"><i class="fa fa-stack-overflow fa-lg"></i></a> 

    </div> 
</nav> 
</div>

來源

2016-06-10 Mona Jalal

添加目標=「_空白」可以幫助，例如：

<a class="nav-item nav-link page-item" href="#education" target="_blank">Education</a>

來源

2016-06-10 22:56:04

所以即使它打開它在一個新的標籤，我仍然可以瀏覽到的全部內容，並看到其他頁面的東西 –

啊我明白了。 Target =「_ blank」在新選項卡中打開鏈接。由於鏈接是相對的，因此這會在新標籤中打開您的主頁，然後＃讓它滾動到具有匹配ID的部分。你可能想要的是創建幾個不同的頁面，每個部分一個。然後讓href指向該頁面（href =「/ subsections/this_section.html」）。這樣，用戶可以通過不同的部分滾動主頁，或者他們可以使用導航欄來訪問特定的部分頁面。我有道理嗎？ –

如何結合導航欄和分頁？

回答

相關問題