頁面添加錨點的三種方式

頁面添加錨點的三種方式

　　HTML中的鏈接，正確的說法應該稱作"錨點"，它命名錨點鏈接（也叫書簽鏈接）常常用於那些內容龐大繁瑣的網頁，通過點擊命名錨點，不僅讓我們能指向文檔，還能指向頁面里的特定段落，更能當作"精准鏈接"的便利工具，讓鏈接對象接近焦點。便於瀏覽者查看網頁內容。類似於我們閱讀書籍時的目錄頁碼或章回提示。在需要指定到頁面的特定部分時，標記錨點是最佳的方法。　　

錨點鏈接對SEO的作用

　　錨 鏈接是一個非常重要的概念，在網頁中增加恰當的錨鏈接，會讓所在網頁和所指向網頁的重要程度有所提升，從而影響到關鍵詞排名。錨鏈接對SEO的作用主要體現在以下幾個方面：

　　對錨鏈接所在的頁面的作用

　　正常來講，頁面中增加的鏈接錨鏈接都和頁面本身有一定的關系，因此， 錨文本可以做為錨鏈接所在的頁面的內容的評估。例如：本篇文章中含有“SEO”的鏈接，那么，說明本篇文章和SEO有一定關系。

　　對錨鏈接所指向頁面的作用

　　錨 鏈接能精確的描述所指向頁面的內容，因此，錨鏈接能做為對所指向頁面的評估。

　　錨鏈接對關鍵詞排名的影響

　　錨 鏈接對於 關鍵字排名的意義在於它可以讓內容頁隨機鏈接在一起，讓蜘蛛可以很好的抓取更多頁面，權重也能均勻的傳遞，同時增強頁面的相關性，最終提升網站的關鍵詞排名。

錨點的添加方式

　　1、給錨點文本標簽添加id，使用<a href="#"></a>來定位，當單擊a鏈接時，就會跳到id為a01的p標簽處；

<div>
    <a href="#a01"></a>
</div>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p id="a01">練習</p>
<p>練習</p>

　　這樣的定位可以針對任何標簽來定位。　　

　　2、給a標簽的文本添加錨點，單擊鏈接可跳到name為a01的a標簽處；

<div>
    <a href="#a01"></a>
</div>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<a name="a01" href=“#”>練習</a>
<p>練習</p>

　　使用name屬性只能針對a標簽來定位，而對div等其他標簽就不能起到定位作用。　

　   3、使用js。

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>