1. 程式人生 > 其它 >用A標籤實現頁面內容定位 點選連結跳到具體位置

用A標籤實現頁面內容定位 點選連結跳到具體位置

  經常在維基百科等網站看到目錄列表,點選連結會跳到具體的位置,小美眉一直在問是怎麼做到的,其實挺簡單的,用A標籤實現頁面內容定位就行了。例項參考微信營銷理論手冊的目錄。

  首先用A標籤定義目錄的連結。

<a href="#hudong">互動</a>

   然後在具體位置呼叫A標籤,本例位置在“※ 微信營銷之互動 ※”

<a name="hudong"></a>

   儲存,重新整理,測試一下,點選目錄連結是不是可以跳到那個位置了?用A標籤實現頁面內容定位,點選連結就能跳到具體位置,簡單吧?

  w3school對【HTML 連結 - name 屬性】的定義

name 屬性規定錨(anchor)的名稱。 您可以使用 name 屬性建立 HTML 頁面中的書籤。 書籤不會以任何特殊方式顯示,它對讀者是不可見的。 當使用命名錨(named anchors)時,我們可以建立直接跳至該命名錨(比如頁面中某個小節)的連結,這樣使用者就無需不停地滾動頁面來尋找他們需要的資訊了。