什么是錨點(diǎn)鏈接?所謂錨點(diǎn)鏈接,是指同一頁面中的不同位置鏈接。例如,一個(gè)很長的頁面,在頁面的最下方有一個(gè)“返回頁首”的文字,單擊鏈接后,可以跳轉(zhuǎn)到這個(gè)頁面最頂端,這就是一種最典型的錨點(diǎn)鏈接。通過點(diǎn)擊命名錨點(diǎn),能夠快速重定向網(wǎng)頁特定的位置(比如快速到頁首、頁尾或者網(wǎng)頁中某篇文章處),便于瀏覽者查看網(wǎng)頁內(nèi)容。類似于我們閱讀書籍時(shí)的目錄頁碼或章回提示。
如何創(chuàng)建錨點(diǎn)鏈接?
創(chuàng)建錨點(diǎn)鏈接的過程分兩步。下面就來制作頁面中的“返回頂部”鏈接。
第一步:創(chuàng)建命名錨記(快捷鍵CTRL+ALT+A)
若要?jiǎng)?chuàng)建命名錨記,請?jiān)贒reamweaver編輯視圖中,將光標(biāo)置于需要命名錨記的地方。選擇“插入記錄”工具欄,選擇“命名錨記”選項(xiàng)。出現(xiàn)命名錨記對話框。

圖1 創(chuàng)建命名錨記對話框
在“錨記名稱”文本框中輸入錨記的名稱。一般錨記若在網(wǎng)頁頂部,可輸入top;錨記名不能含有空格,而且不應(yīng)置于層內(nèi),如圖1所示。
第二步: 鏈接到命名錨記
定義了錨記后,就可以鏈接到命名的錨記了。選擇要從其創(chuàng)建鏈接的文本或圖像,例如文本“返回頂部”。在屬性面板“鏈接”文本框中輸入“#錨記名稱”,如:“#top”。如圖2所示。

圖2 鏈接到錨記
保存網(wǎng)頁后按F12鍵預(yù)覽該網(wǎng)頁。當(dāng)在瀏覽器中單擊鏈接文本(返回頂部)時(shí),網(wǎng)頁轉(zhuǎn)向命名錨記為“top”所在的行。
PS:若要鏈接到其他文檔中的名為“top”的錨記,格式為:文件絕對路徑+文件名#top。錨記名稱區(qū)分大小寫。
下面代碼是用來演示錨點(diǎn)連接的效果的:
01.
<html>
02.
<head>
03.
<title>錨點(diǎn)鏈接練習(xí)</title>
04.
<meta http-equiv=
"Content-Type"
content=
"text/html;charset=gb2312"
>
05.
</head>
06.
<body bgcolor=
"#ffffff"
>
07.
<b>網(wǎng)站基礎(chǔ)知識</b><a href=
"#bottom"
>返回頁尾</a> <a name=
"top"
> <br />
08.
為什么交換鏈接?<br />
09.
鏈接交換,在英文中即為Linkexchange。交換鏈接,是互聯(lián)網(wǎng)上宣傳自己主頁時(shí)常使用的一種方法。主要作用有以下兩點(diǎn): <br />
10.
?、偻ㄟ^和其他站點(diǎn)的交換鏈接,可以吸引更多的用戶點(diǎn)擊訪問。<br />
11.
?、谒阉饕鏁?huì)根據(jù)交換鏈接的數(shù)量,以及交換鏈接網(wǎng)站質(zhì)量等對一個(gè)網(wǎng)站做出綜合評價(jià),這也將是影響網(wǎng)站在搜索引擎排名的因數(shù)之一。<br />
12.
交換鏈接在吸引更多用戶訪問的同時(shí)起到SEO(搜索引擎優(yōu)化)的作用。<br />
13.
如何進(jìn)行網(wǎng)站鏈接交換?<br />
14.
<BR> 您可以一個(gè)一個(gè)去喜歡的網(wǎng)站,聯(lián)系他們的站長,尋求交換友情鏈接。<br />
15.
去論壇等站長聚積的地方,發(fā)布信息交換鏈接。<br />
16.
【如何建立超級鏈接】<br />
17.
在網(wǎng)頁中,單擊了某些圖片、有下劃線或有明示鏈接的文字就會(huì)跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁中去。<br />
18.
1、在網(wǎng)頁中選中要做超級鏈接的文字或者圖片。<br />
19.
2、在屬性面板中單擊黃色文件夾圖標(biāo),在彈出的對話框里選中相應(yīng)的網(wǎng)頁文件就完成了。做好超級鏈接屬性面板出現(xiàn)鏈接文件顯示。<br />
20.
3、按F12預(yù)覽網(wǎng)頁。在瀏覽器里光標(biāo)移到超級鏈接的地方就會(huì)變成手型。<br />
21.
〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級鏈接的方法和文字完全相同。<br />
22.
如果超級鏈接指向的不是一個(gè)網(wǎng)頁文件。而是其他文件例如zip、exe文件等等,單擊鏈接的時(shí)候就會(huì)下載文件。<br />
23.
超級鏈接也可以直接指向地址而不是一個(gè)文件,那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。<br />
24.
【郵件地址的超級連接】<br />
25.
在網(wǎng)頁制作中,還經(jīng)常看到這樣的一些超級鏈接。單擊了以后,會(huì)彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫好了。這也是一種超級鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:天比高工作室?。?,再插入欄點(diǎn)
26.
或點(diǎn)插入菜單選“電子郵件鏈接”彈出如下對話框,填入E-Mail地址即可。<br />
27.
提示:還可以選中圖片或者文字,直接在屬性面板鏈接框中填寫“mailto:郵件地址”。<br />
28.
如:mailto:phosphor@zh-seo.com <br />
29.
創(chuàng)建完成后,保存頁面,按F12預(yù)覽網(wǎng)頁效果。<br />
30.
【制作圖片上的超級鏈接】<br />注意,我們這里所說的圖片上的超級鏈接是指在一張圖片上實(shí)現(xiàn)多個(gè)局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國地圖的圖片,單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁??牲c(diǎn)的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國地圖我加了一些鏈接,你可以用鼠標(biāo)測試。鼠標(biāo)移動(dòng)到省份的熱區(qū),會(huì)顯示提示,如果有預(yù)先設(shè)置的網(wǎng)站,點(diǎn)擊會(huì)進(jìn)入對方的網(wǎng)站。<br />
31.
<a name=
"bottom"
><a href=
"#top"
>返回頂部</a>
32.
</body>
33.
</html>
- 來源:恒信科技
- 版權(quán)聲明:版權(quán)所有,轉(zhuǎn)載時(shí)必須以鏈接形式注明作者和原始出處及本聲明。
- 原創(chuàng)作者:phosphor
- 文章名:錨點(diǎn)鏈接,什么是錨點(diǎn)鏈接?如何使用錨點(diǎn)鏈接?
- 本文鏈接地址:http://www.zh-seo.com/web-zhizuo/2009/0511/Anchor.html
- 恒信科技服務(wù)理念:懂網(wǎng)絡(luò)更懂誠信?。?!