DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML中的超鏈接標簽使用教程
HTML中的超鏈接標簽使用教程
編輯:HTML和Xhtml     

網站的各個HTML文檔通過超鏈接的方式相互連接在一起,形成一個連貫的網站。用戶可以通過點擊超鏈接跳轉到自己希望浏覽的頁面中。因此超鏈接在任何一個網站中都可以看到,是串聯網站形成整體的核心組成部分。

錨點的布置
HTML超鏈接以<a>標簽作為錨點進行觸發,錨點需要有一個載體,而這個載體可以是一個文字、一個詞、或者一句話,也可以是圖像或者某個形狀。當鼠標移動到帶有錨點的載體上時,鼠標會變成一個小手的狀態,示意用戶可以進行點擊,用戶點擊這個錨點後會跳轉到這個<a>標簽中href對應的地址上。

跳轉屬性的用法
在HTML鏈接中,使用 href 屬性 可以創建指向另一個文檔的鏈接,通常用於頁面跳轉。這個很常見,就不再闡述了。
使用 name 屬性可以在文檔內部創建書簽,使超鏈接可以在文檔內部跳轉到頁面的某一部分。例如:設置<a name=”dian1″></a>將其放置到頁面的中間。然後在頁面頭部設置<a href=”#dian1″>跳轉到頁面中間</a>錨點,當用戶在頁面頭部點擊這個錨點事,頁面會滾動跳轉到name書簽所在的位置,也就是頁面中間。

HTML 鏈接語法
HTML鏈接的代碼使用很簡單。例如:

XML/HTML Code復制內容到剪貼板
  1. <a href=”url”>錨文本鏈接</a>  

href屬性用於設定跳轉的目標,開始標簽和結束標簽之間的文字被作為超級鏈接來顯示。


HTML 鏈接的target 屬性
target屬性可以設定通過錨文本點擊跳轉後頁面的打開方式。有 4 個保留的目標名稱用作特殊的文檔重定向操作:
_blank
浏覽器總在一個新打開、未命名的窗口中載入目標文檔。
_self
這個目標的值對所有沒有指定目標的 <a> 標簽是默認目標,它使得目標文檔載入並顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的,除非和文檔標題 <base> 標簽中的 target 屬性一起使用。
_parent
這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中,那麼它與目標 _self 等效。
_top
這個目標使得文檔載入包含這個超鏈接的窗口,用 _top 目標將會清除所有被包含的框架並將文檔載入整個浏覽器窗口。一般是用於點擊iframe框架中的錨點,目標鏈接直接在當前頁面打開,而不是在iframe中加載。

HTML鏈接觸發桌面軟件發送郵件
在href屬性中加入以mailto:開頭的地址,並結合目標電子郵件的地址,可以直接調用用戶電腦中的默認郵件管理軟件,自動填寫內容並發送郵件。
有很多網站上有,直接點擊郵箱地址,會跳出發送郵件的界面。
這個郵箱超鏈接代碼如下:

XML/HTML Code復制內容到剪貼板
  1. <a href="mailto:email地址">EMAIL</a>    

例如:

XML/HTML Code復制內容到剪貼板
  1. <a href="mailto:[email protected]">站長郵箱</a>  

注意:現在由於直接發布地址,可能垃圾郵件會很多很多,建議不要用這個郵箱超鏈接。
這個[email protected]郵箱由於我把地址寫在這裡,所以天天有垃圾郵件。
即使要要注明郵件地址不做超鏈接也不要直接用文字寫在網站或者網頁上,可以使用圖片或者其他方式表示地址
復雜的鏈接:

XML/HTML Code復制內容到剪貼板
  1. <a href="Mailto:[email protected][email protected]&[email protected]&Subject=Hello&Body=你好">給我發郵件</a>   

其語法主要由以下幾個部分組成
mailto: (發送郵件到) 後面跟隨郵箱地址,例如:[email protected]
? (分隔符)用於在地址後面跟隨相應的參數
&;  (參數連接符)同時設置多個參數時,需要用&符號進行區分連接
cc= 、 bcc=(抄送),後面跟隨需要抄送人的郵箱地址,例如:[email protected]
subject=  (郵件主題)後面跟隨你的郵件主題
body= (郵件內容)後面跟隨需要的郵件內容


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved