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