1.要想通過a標籤跳轉到指定的位置,那麼必須告訴a標籤一個獨一無二的身份證號碼,這樣a標籤才能在當前介面中找到需要跳轉的目標位置。
2.如何給HTML中的標籤繫結一個獨一無二的身份證號碼呢?
在HTML中,每一個標籤都有一個名稱叫做id的屬性,這個屬性就是用來給標籤指定一個獨一無二的身份證號碼的。
3.所以想要實現通過a標籤跳轉到指定的位置分兩步
3.1 給目標位置的標籤新增一個id屬性,然後指定一個獨一無二的值
3.2告訴a標籤你需要跳轉到的目標標籤對應的獨一無二的身份證號碼是多少(但凡新增屬性都是在開始標籤中新增)。
- 跳轉到本頁面的格式:
<a href=”#center”>跳轉到中部</a>
<h2 id=”center”>我是中部</h2>
- 跳轉到其他頁面的格式:
<a href=”13-錨點測試介面.html#bottom” target=”_blank”>跳轉到錨點測試介面</a>
下面是測試介面裡的程式碼:
<h2 id=”#bottom”>我是錨點測試介面33333</h2>
- 注意點
- 通過我們的a標籤跳轉到指定的位置,是沒有過度動畫的,是直接一下子就跳轉到了指定位置。
- a標籤除了跳轉到當前介面的指定位置以外,還可以在跳轉到其他介面的時候直接跳到其他介面的指定位置。