HTML 同網頁內的跳轉

假設網頁內有一段section：

<section id="contents">
<div class="page-header">
 <h1>3. 含有什麼</h1>
 </div>
 <p class="lead">Bootstrap 中的 HTML、CSS 和 JS 適合各種設備，不過，它們可以被簡單分類成幾個類別，可以參考本文件頂部的巡覽列。</p>

 <h2>文件章節</h2>
 <h4><a href="/Bootstrap/Scaffolding">架構</a></h4>
 <p>body元素的全域樣式，用於重設背景、連結樣式、網格系統和兩個簡單佈局結構。</p>
 <h4><a href="/Bootstrap/BaseCSS">基礎CSS</a></h4>
 <p>常見HTML元素，像是佈局、程式碼、表格、表單和按鈕。還包含 <a href="http://glyphicons.com">Glyphicons</a>。一個非常優秀的icon圖集。</p>
 <h4><a href="/Bootstrap/Components">元件</a></h4>
 <p>常見介面元件，像是標簽、pill、巡覽、警告、頁面標頭等。</p>
 <h4><a href="/Bootstrap/JavaScript">JavaScript</a></h4>
 <p>和元件類似，這些JavaScript外掛用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。</p>

 <h2>元件清單</h2>
 <p><strong>元件庫</strong>和<strong>JavaScript外掛庫</strong>提供以下介面元素。</p>
 <ul>
 <li>按鈕群組</li>
 <li>按鈕下拉選單</li>
 <li>巡覽標籤、pill、清單</li>
 <li>巡覽列</li>
 <li>標籤</li>
 <li>徽章</li>
 <li>頁面標題和 hero unit</li>
 <li>縮圖</li>
 <li>警告視窗</li>
 <li>進度列</li>
 <li>對話視窗</li>
 <li>下接式選單</li>
 <li>工具提示</li>
 <li>彈出視窗</li>
 <li>手風琴樣式</li>
 <li>輪播</li>
 <li>排版</li>
 </ul>
 <p>接下來的介紹中，我們會每一個的詳細介紹。在此之前，先看看如何使用且客製它們。</p>
</div>
</section>

可透過<a href=#"contents">go to contents </a>  讓網頁連結至該section頂部(不會換頁)