錨點連結

錨點連結

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

創建過程

創建到命名錨記的連結的過程分為兩步: 創建命名錨記和連結到命名錨記。

第一步:創建命名錨記

若要創建命名錨記,請在Dreamweaver編輯視圖中,將游標置於需要命名錨記的地方。選擇“插入記錄”工具列,選擇“命名錨記”選項。出現命名錨記對話框。

圖1 創建命名錨記對話框 在“錨記名稱”文本框中輸入錨記的名稱。一般錨記若在網頁頂部,可輸入top;錨記名不能含有空格,而且不應置於層內。

第二步:連結到命名錨記

定義了錨記 後,就可以連結到命名的錨記了。選擇要從其創建連結的文本或圖像,例如文本“返回頂部”。在屬性面板“連結”文本框中輸入“#錨記名稱”, 如:“#top”。如圖2所示。

連結到錨記保存網頁後按F12鍵預覽該網頁。當在瀏覽器中單擊連結文本(返回頂部)時,網頁轉向命名錨記為“top”所在的行。

PS:若要連結到其他 文檔中的名為“top”的錨記,格式為:檔案絕對路徑+檔案名稱#top。錨記名稱區分大小寫。

返回頂部

代碼演示錨點連線的效果

查看原始碼

到實驗室調試原始碼直接運行原始碼

01.<html>

02.<head>

03.<title>錨點連結練習</title>

04.<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

05.</head>

06.<body bgcolor="#ffffff">

07.<b>網站基礎知識</b><a href="#bottom">返回頁尾</a> <a name="top"> <br />

08.為什麼交換連結?<br />

09. 連結交換,在英文中即為Linkexchange。交換連結,是互聯 網上宣傳自己 主頁時常使用的一種方法。主要作用有以下兩點: <br />

10. ①通過和其他站點的交換連結,可以吸引更多的用戶點擊訪 問。<br />

11. ②搜尋引擎會根據交換連結的數量,以及交換連結網站質量等對一個網站 做出綜合評 價,這也將是影響網站在搜尋引擎排名的因數之一。<br />

12.交換連結在吸引更多用戶訪問 的同時起到SEO(搜尋引擎最佳化)的作用。<br />

13. 如何進行網站連結交換?<br />

14.<BR> 您可以一個一個去喜歡的網站,聯繫他們的站長, 尋求交換友情連結。<br />

15. 去論壇等站長聚積的地方,發布信息交換連結。<br />

16. 【如何建立超級連結】<br />

17. 在網頁中,單擊了某些圖片、有下劃線或有明示連結的文字就會跳轉到相 應的網頁中 去。<br />

18. 1、在網頁中選中要做超級連結的文字或者圖片。<br />

19. 2、在屬性面板中單擊黃色資料夾圖示,在彈出的對話框裡選中相應的網 頁檔案就完成 了。做好超級連結屬性面板出現連結檔案顯示。<br />

20. 3、按F12預覽網頁。在瀏覽器里游標移到超級連結的地方就會變成手 型。<br />

21. 〖提示〗你也可以手工在連結輸入框中輸入地址。給圖片加上超級連結的 方法和文字完 全相同。<br />

22. 如果超級連結指向的不是一個網頁檔案。而是其他檔案例如zip、 exe檔案等等, 單擊連結的時候就會下載檔案。<br />

23. 超級連結也可以直接指向地址而不是一個檔案,那么單擊連結直接跳轉到 相應的地 址。<br />

24. [郵件地址的超級連 接]<br />

25. 在網頁製作中,還經常看到這樣的一些超級連結。單擊了以後,會彈出郵 件傳送程式, 聯繫人的地址也已經填寫好了。這也是一種超級連結。製作方法是:在編輯狀態下,先選定要連結的圖片或文字(比如:天比高工作室!),再插入欄點

26. 或點插入選單選“電子郵件連結”彈出如下對話框,填入E-Mail地 址即 可。<br />

27. 提示:還可以選中圖片或者文字,直接在屬性面板連結框中填寫 “mailto:郵件地址”。<br />

28. 例如自己想 嘻嘻

29. 創建完成後,保存頁面,按F12預覽網頁效果。<br />

30. [製作圖片上的超級連結]<br />注意,我們這裡所說的圖片上的超級連結是指在一張圖片上實現多個局部區域指向不同的網頁連結。比如一張中國地圖的圖片,單擊了不同的省跳轉到不 同的網頁。可點的區域就是熱區。為了演示製作效果下面的中國地圖我加了一些連結,你可以用滑鼠測試。滑鼠移動到省份的熱區,會顯示提示,如果有預先設定的 網站,點擊會進入對方的網站。<br />

31.<a name="bottom"><a href="#top">返回頂部</a>

32.</body>

33.</html>

錨點連結對SEO的作用

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

對錨連結所在的頁面的作用

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

對錨連結所指向頁面的作用

錨連結能精確的描述所指向頁面的內容,因此,錨連結能做為對所指向頁面的評估。

錨連結對關鍵字排名的影響

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

錨連結與超連結區別

一、對關鍵字排名的區別。

如果說到對關鍵字的排名區別。我們可以通過數字舉例子來說對百度排名的區別。假設我們做了一個錨文本的連結:例如我們做的是“站長網”這個關鍵字。如果這個外鏈叫百度收錄了。假設百度給這個連結的權重我們用阿拉伯數字表示。例如是5,那么這個外鏈對站長網這個關鍵字的排名可能分配的是4,對我們網站的其他的關鍵字排名可能分配到。

二、對反鏈的區別

我們做SEO經常關注自己網站的反向連結,一般大家都是通過雅虎反鏈和百度domain來查詢自己的網站。如果我們做了錨文本的連結。叫雅虎收錄了,這個錨文本連結就可以通過雅虎反鏈查詢到。如果這個連結叫百度收錄了,我們通過百度domain查詢不到。如果我們做了一個網址連結,叫雅虎收錄了,我們可以通過雅虎反鏈查詢到,如果叫百度收錄了,我們通過百度domain也可以查詢。所以:錨文本的連結可以增加我們網站的雅虎反鏈的數量。不能增加百度domain的數量。網址連結可以增加我們網站的雅虎反鏈的數量,也可以增加百度domain的數量。

相關詞條

相關搜尋

熱門詞條

聯絡我們