頁面添加錨點的三種方式

標籤：color   隨機   概念   html   enter   ref   網頁   ffffff   閱讀   

頁面添加錨點的三種方式

　　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> 

　　

 

 

頁面添加錨點的三種方式