網站的各個HTML文檔通過超鏈接的方式相互連接在一起,形成一個連貫的網站。用戶可以通過點擊超鏈接跳轉到自己希望瀏覽的頁面中。因此超鏈接在任何一個網站中都可以看到,是串聯網站形成整體的核心組成部分。
錨點的布置
HTML超鏈接以<a>標簽作為錨點進行觸發,錨點需要有一個載體,而這個載體可以是一個文字、一個詞、或者一句話,也可以是圖像或者某個形狀。當鼠標移動到帶有錨點的載體上時,鼠標會變成一個小手的狀態,示意用戶可以進行點擊,用戶點擊這個錨點后會跳轉到這個<a>標簽中href對應的地址上。
跳轉屬性的用法
在HTML鏈接中,使用 href 屬性 可以創建指向另一個文檔的鏈接,通常用于頁面跳轉。這個很常見,就不再闡述了。
使用 name 屬性可以在文檔內部創建書簽,使超鏈接可以在文檔內部跳轉到頁面的某一部分。例如:設置<a name=”dian1″></a>將其放置到頁面的中間。然后在頁面頭部設置<a href=”#dian1″>跳轉到頁面中間</a>錨點,當用戶在頁面頭部點擊這個錨點事,頁面會滾動跳轉到name書簽所在的位置,也就是頁面中間。
HTML 鏈接語法
HTML鏈接的代碼使用很簡單。例如:
- <a href=”url”>錨文本鏈接</a>
href屬性用于設定跳轉的目標,開始標簽和結束標簽之間的文字被作為超級鏈接來顯示。
HTML 鏈接的target 屬性
target屬性可以設定通過錨文本點擊跳轉后頁面的打開方式。有 4 個保留的目標名稱用作特殊的文檔重定向操作:
_blank
瀏覽器總在一個新打開、未命名的窗口中載入目標文檔。
_self
這個目標的值對所有沒有指定目標的 <a> 標簽是默認目標,它使得目標文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的,除非和文檔標題 <base> 標簽中的 target 屬性一起使用。
_parent
這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中,那么它與目標 _self 等效。
_top
這個目標使得文檔載入包含這個超鏈接的窗口,用 _top 目標將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口。一般是用于點擊iframe框架中的錨點,目標鏈接直接在當前頁面打開,而不是在iframe中加載。
HTML鏈接觸發桌面軟件發送郵件
在href屬性中加入以mailto:開頭的地址,并結合目標電子郵件的地址,可以直接調用用戶電腦中的默認郵件管理軟件,自動填寫內容并發送郵件。
有很多網站上有,直接點擊郵箱地址,會跳出發送郵件的界面。
這個郵箱超鏈接代碼如下:
- <a href="mailto:email地址">EMAIL</a>
例如:
- <a href="mailto:admin@myxzy.com">站長郵箱</a>
注意:現在由于直接發布地址,可能垃圾郵件會很多很多,建議不要用這個郵箱超鏈接。
這個admin@myxzy.com郵箱由于我把地址寫在這里,所以天天有垃圾郵件。
即使要要注明郵件地址不做超鏈接也不要直接用文字寫在網站或者網頁上,可以使用圖片或者其他方式表示地址
復雜的鏈接:
- <a href="Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">給我發郵件</a>