成都網站推廣HTML第五課：超鏈接和錨點

上一課我們了解了HTM：物理路徑、絕對路徑、相對路徑，了解了URL路徑的概念后，超級鏈接就很容易掌握了。今天就一起跟隨成都華信智原前端老師一起學起來吧！

一、超鏈接

超級鏈接的目的就是實現頁面和頁面，站點和站點之間的跳轉，沒有超鏈接就沒有互聯網，所以認真學習和工作的時候不要隨便點開一個新聞的推送鏈接，否則你就可能引發多諾米牌效應，最后迷失在互聯網里。

1、基本結構

Markup

被點擊的文字或圖片

href屬性非常關鍵，URL的值代表了你的目的地。如果鼠標經過超鏈接希望看見標題，可以加上title屬性，在文字不能顯示完整的側邊欄，希望用戶鼠標經過看見完整的標題的時候非常有用。如果是鏈接到別人的網站上，不要忘了一定加上target屬性，“_blank”表明在新窗口打開網頁。

2、案例

Markup

夢中的婚禮

超鏈接可以鏈接任何資源，不要忘記資源的后綴名哦，.html/.jpg/.exe/.rar/.mp3……等等格式就是資源特定的后綴名，瀏覽器會根據后綴名自動解釋該鏈接，是可以直接展示的，還是要提供下載的，還是調用播放器播放的……

如果是絕對路徑的鏈接，比如鏈接一個網站的域名地址，千萬不要忘記"http://"這個超文本傳輸協議，習慣了在瀏覽器直接輸入“baidu.com”的童鞋，在超鏈接這里的URL必須是完整的路徑"http://www.baidu.com"

二、錨點

錨點的目的是實現頁面內部的跳轉，如果一個頁面足夠長，那么每一個目錄要指向一個具體的區塊，則可以使用錨點鏈接。

最好的案例就是百度百科，參考一個花千骨吧，里面有我的男神^_^：http://baike.baidu.com/subview/3214193/12258556.htm

當我們點擊目錄中的“劇情簡介”，則會跳轉到下面“劇情簡介”正文處。

1、基本結構

第一步：在目的地插入錨點：

錨點名稱最好是字母和數字的組合，不可以用中文。而且錨點最好放在正文標題的上面，否則跳轉過來就看不到標題了。

第二步：在目錄處加入錨點鏈接：#錨點名稱">被點擊的文本或圖片

此處的“#”不要漏掉，有時候我們寫一個空鏈接：

Markup

文本

表示一個超鏈接，但是沒有目的地，“#”具有刷新頁面，回到頁面頂部的功能，如果后面跟上錨點名稱，則能跳轉到該錨點處。

2、案例

Markup

目錄

    
劇情簡介
    
演職員表
劇情簡介
具體內容，此處省略一千字……
演職員表
具體內容，此處省略一千字……

提示：要做錨點，前提是頁面要有足夠的長度，如果只有一兩屏的頁面，一眼就看完了，還有必要做頁面內部跳轉的錨點嗎？

成都網站推廣-了解更多此方面的朋友請登陸：http://m.gawl.org.cn/！這里有更多的驚喜等著您！