課時29.錨點(掌握)

雙雙雙雙發表於2018-06-06

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>

  • 注意點
  1. 通過我們的a標籤跳轉到指定的位置,是沒有過度動畫的,是直接一下子就跳轉到了指定位置。
  2. a標籤除了跳轉到當前介面的指定位置以外,還可以在跳轉到其他介面的時候直接跳到其他介面的指定位置。

 

相關文章