HTML+CSS 輕松入門(mén)之錨點(diǎn)鏈接
什么是錨點(diǎn)鏈接
HTML中的鏈接，正確的說(shuō)法應(yīng)該稱(chēng)作"錨點(diǎn)"，它命名錨點(diǎn)鏈接（也叫書(shū)簽鏈接）常常用于那些內(nèi)容龐大繁瑣的網(wǎng)頁(yè)，通過(guò)點(diǎn)擊命名錨點(diǎn)，不僅讓我們能指向文檔，還能指向頁(yè)面里的特定段落，更能當(dāng)作"精準(zhǔn)鏈接"的便利工具，讓鏈接對(duì)象接近焦點(diǎn)。便于瀏覽者查看網(wǎng)頁(yè)內(nèi)容。類(lèi)似于我們閱讀書(shū)籍時(shí)的目錄頁(yè)碼或章回提示。在需要指定到頁(yè)面的特定部分時(shí)，標(biāo)記錨點(diǎn)是最佳的方法。
如何創(chuàng)建錨點(diǎn)鏈接
第一步：創(chuàng)建命名錨記
若要?jiǎng)?chuàng)建命名錨記，請(qǐng)?jiān)贒reamweaver編輯視圖中，將光標(biāo)置于需要命名錨記的地方。選擇“插入記錄”工具欄，選擇“命名錨記”選項(xiàng)。出現(xiàn)命名錨記對(duì)話框。
創(chuàng)建命名錨記對(duì)話框 在“錨記名稱(chēng)”文本框中輸入錨記的名稱(chēng)。一般錨記若在網(wǎng)頁(yè)頂部，可輸入top；錨記名不能含有空格，而且不應(yīng)置于層內(nèi)。
第二步：鏈接到命名錨記
定義了錨記 后，就可以鏈接到命名的錨記了。選擇要從其創(chuàng)建鏈接的文本或圖像，例如文本“返回頂部”。在屬性面板“鏈接”文本框中輸入“#錨記名稱(chēng)”, 如：“#top”。如圖2所示。
鏈接到錨記保存網(wǎng)頁(yè)后按F12鍵預(yù)覽該網(wǎng)頁(yè)。當(dāng)在瀏覽器中單擊鏈接文本（返回頂部）時(shí)，網(wǎng)頁(yè)轉(zhuǎn)向命名錨記為“top”所在的行。
PS：若要鏈接到其他 文檔中的名為“top”的錨記，格式為：文件絕對(duì)路徑+文件名#top。錨記名稱(chēng)區(qū)分大小寫(xiě)。
錨點(diǎn)鏈接對(duì)SEO的作用
錨鏈接是一個(gè)非常重要的概念，在網(wǎng)頁(yè)中增加恰當(dāng)?shù)腻^鏈接，會(huì)讓所在網(wǎng)頁(yè)和所指向網(wǎng)頁(yè)的重要程度有所提升，從而影響到關(guān)鍵詞排名。錨鏈接對(duì)SEO的作用主要體現(xiàn)在以下幾個(gè)方面：
對(duì)錨鏈接所在的頁(yè)面的作用
正常來(lái)講，頁(yè)面中增加的鏈接錨鏈接都和頁(yè)面本身有一定的關(guān)系，因此，錨文本可以做為錨鏈接所在的頁(yè)面的內(nèi)容的評(píng)估。例如：本篇文章中含有“SEO”的鏈接，那么，說(shuō)明本篇文章和SEO有一定關(guān)系。
對(duì)錨鏈接所指向頁(yè)面的作用
錨鏈接能精確的描述所指向頁(yè)面的內(nèi)容，因此，錨鏈接能做為對(duì)所指向頁(yè)面的評(píng)估。
錨鏈接對(duì)關(guān)鍵詞排名的影響
錨鏈接對(duì)于關(guān)鍵字排名的意義在于它可以讓內(nèi)容頁(yè)隨機(jī)鏈接在一起，讓蜘蛛可以很好的抓取更多頁(yè)面，權(quán)重也能均勻的傳遞，同時(shí)增強(qiáng)頁(yè)面的相關(guān)性，最終提升網(wǎng)站的關(guān)鍵詞排名。
錨鏈接與超鏈接區(qū)別
一、對(duì)關(guān)鍵詞排名的區(qū)別。
如果說(shuō)到對(duì)關(guān)鍵詞的排名區(qū)別。我們可以通過(guò)數(shù)字舉例子來(lái)說(shuō)對(duì)百度排名的區(qū)別。假設(shè)我們做了一個(gè)錨文本的鏈接:例如我們做的是“站長(zhǎng)網(wǎng)”這個(gè)關(guān)鍵詞。如果這個(gè)外鏈叫百度收錄了。假設(shè)百度給這個(gè)鏈接的權(quán)重我們用阿拉伯?dāng)?shù)字表示。例如是5,那么這個(gè)外鏈對(duì)站長(zhǎng)網(wǎng)這個(gè)關(guān)鍵詞的排名可能分配的是4,對(duì)我們網(wǎng)站的其他的關(guān)鍵詞排名可能分配到。
二、對(duì)反鏈的區(qū)別
我們做SEO經(jīng)常關(guān)注自己網(wǎng)站的反向鏈接,一般大家都是通過(guò)雅虎反鏈和百度domain來(lái)查詢自己的網(wǎng)站。如果我們做了錨文本的鏈接。叫雅虎收錄了,這個(gè)錨文本鏈接就可以通過(guò)雅虎反鏈查詢到。如果這個(gè)鏈接叫百度收錄了,我們通過(guò)百度domain查詢不到。如果我們做了一個(gè)網(wǎng)址鏈接,叫雅虎收錄了,我們可以通過(guò)雅虎反鏈查詢到,如果叫百度收錄了,我們通過(guò)百度domain也可以查詢。所以:錨文本的鏈接可以增加我們網(wǎng)站的雅虎反鏈的數(shù)量。不能增加百度domain的數(shù)量。網(wǎng)址鏈接可以增加我們網(wǎng)站的雅虎反鏈的數(shù)量,也可以增加百度domain的數(shù)量。
錨點(diǎn)鏈接實(shí)例：做一個(gè)返回頂部的實(shí)例，代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>錨點(diǎn)鏈接</title> </head> <body> <a name="top">我們都一樣</a> 推開(kāi)窗看見(jiàn)星星 一直守在夜空中<br> 心中不免多了些暖暖的感動(dòng)<br> 一閃一閃的光 努力把黑夜點(diǎn)亮氣氛如此安詳<br> 你在我的生命中是那最閃亮的星<br> 一直在我深夜中守護(hù)著我們的夢(mèng)<br><br> 這世界那么大我的愛(ài)只想要你懂<br> 陪伴我孤寂旅程<br> 你知道我的夢(mèng)你知道我的痛<br> 你知道我們感受都相同<br> 就算有再大的風(fēng)也擋不住勇敢的沖動(dòng) <br><br> 最美的太陽(yáng) 我的世界 因?yàn)橛心悴艜?huì)美<br> 我的天空 因?yàn)橛心悴粫?huì)黑<br> 給我快樂(lè) 為我傷心流眼淚<br> 給我寬容 讓我能展翅高飛<br> 你的話你的淚 你的笑你的美<br> 在我眼中勝過(guò)最美的玫瑰<br> 抱著夢(mèng) 往前飛 不逃避 不后退<br> 你是我成功路上的堡壘<br> 給我翅膀 讓我可以翱翔<br> 給我力量 是你讓我變堅(jiān)強(qiáng)<br> 不怕受傷 因?yàn)橛心阍谏砼?lt;br> 你的笑 你的淚 是我筑夢(mèng)路上最美的太陽(yáng)<br><br> 明天過(guò)后<br> 沒(méi)有星星的夜空<br> 沒(méi)有話題能補(bǔ)充 <br> 太多承諾從指縫中溜走 <br> 不敢奢求什么 <br> 回憶將我們扣留 <br> 一瞬間親吻的時(shí)候 <br> 一切就好像輪回般朦朧 <br> 心動(dòng)漸漸的失控 <br> 是否兩個(gè)人足夠捕捉愛(ài)的鏡頭 <br> 閉上了眼睛記得你的笑容 <br> 幸福的從容將靈魂都掏空 <br> 享受一分鐘的感動(dòng) <br> 是否愛(ài)上一個(gè)人不問(wèn)明天過(guò)后 <br> 山明和水秀不比你有看頭 <br> 牽著你的手，一直走到最后 <br> 這一刻怎么回頭 <br> 明天過(guò)后<br> 沒(méi)有星星的夜空<br> 沒(méi)有話題能補(bǔ)充 <br> 太多承諾從指縫中溜走 <br> 不敢奢求什么 <br> 回憶將我們扣留 <br> 一瞬間親吻的時(shí)候 <br> 一切就好像輪回般朦朧 <br> 心動(dòng)漸漸的失控 <br> 是否兩個(gè)人足夠捕捉愛(ài)的鏡頭 <br> 閉上了眼睛記得你的笑容 <br> 幸福的從容將靈魂都掏空 <br> 享受一分鐘的感動(dòng) <br> 是否愛(ài)上一個(gè)人不問(wèn)明天過(guò)后 <br> 山明和水秀不比你有看頭 <br> 牽著你的手，一直走到最后 <br> 這一刻怎么回頭 <br> <a href="#top">頂部</a> </body> </html>
當(dāng)我們網(wǎng)頁(yè)內(nèi)容很多的時(shí)候，我們一直往下看頁(yè)面，通過(guò)點(diǎn)擊返回頂部，從而直接到頁(yè)面的頭部
