相信大家挺經常見過這樣一個效果。有一個很長很長的頁面，分成好幾部分，目錄中一點擊，就能定位到頁面某個位置。
例如：有這樣一個目錄，例如你點擊一下“HTML”，就會直接跳轉到“HTML”的頁面位置
這就是錨點鏈接（也叫書簽鏈接），常常用於那些內容龐大繁瑣的網頁，通過點擊命名錨點，不僅讓我們能指向文檔，還能指向頁面里的特定段落，更能當作"精准鏈接"的便利工具。
在長頁面中，用錨點定位本頁面的某個位置，那用錨點鏈接就可以了。用法很簡單，代碼demo如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="#5F">點擊我，會錨點定位到某個地方</a> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> <a name="5F">某個地方哈哈哈哈</href> </body> </html>
接下來，要講的hash屬性的錨點鏈接，實用性蠻高的。
在一次建站的過程中，遇到我遇到了這樣一個問題，
在首頁的導航中，我准備點擊"關於我們"下拉菜單的“加入我們”,但是跳到“關於我們”頁面后的tab還是已經停留在“新聞”的版塊，並不是“加入我們”的版塊。如圖所示：
面對這種情況，我采用的是hash屬性錨點鏈接，思路是這樣的，先在index.html的導航四個鏈接中，先設置hash值，然后等到跳轉到about.html的時候，再用var tab_hash=window.location.hash,去獲取后面的hash值，才進行邏輯判斷。
簡單點說：其實還是跟普通的跳轉一樣，只不過在跳轉的url后面加多了一個信息，讓頁面跳轉后，再把信息拿下來使用。
一個小小實用性的屬性，分享給大家，順祝碼祺！！