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