網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

HTML超連結

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

HTML超連結

錨點的佈置

HTML超連結以標籤作為錨點進行觸發,錨點需要有一個載體,而這個載體可以是一個文字、一個詞、或者一句話,也可以是影象或者某個形狀。當滑鼠移動到帶有錨點的載體上時,滑鼠會變成一個小手的狀態,示意使用者可以進行點選,使用者點選這個錨點後會跳轉到這個標籤中href對應的地址上。

跳轉屬性的用法

在HTML連結中,使用 href 屬性 可以建立指向另一個文件的連結,通常用於頁面跳轉。這個很常見,就不再闡述了。

使用 name 屬性可以在文件內部建立書籤,使超連結可以在文件內部跳轉到頁面的某一部分。例如:設定將其放置到頁面的中間。然後在頁面頭部設定跳轉到頁面中間錨點,當用戶在頁面頭部點選這個錨點事,頁面會滾動跳轉到name書籤所在的位置,也就是頁面中間。

HTML 連結語法

HTML連結的程式碼使用很簡單。例如:

XML/HTML Code複製內容到剪貼簿錨文字連結

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

HTML 連結的target 屬性

target屬性可以設定通過錨文字點選跳轉後頁面的開啟方式。有 4 個保留的目標名稱用作特殊的`文件重定向操作:

_blank

瀏覽器總在一個新開啟、未命名的視窗中載入目標文件。

_self

這個目標的值對所有沒有指定目標的 標籤是預設目標,它使得目標文件載入並顯示在相同的框架或者視窗中作為源文件。這個目標是多餘且不必要的,除非和文件標題標籤中的 target 屬性一起使用。

_parent

這個目標使得文件載入父視窗或者包含來超連結引用的框架的框架集。如果這個引用是在視窗或者在頂級框架中,那麼它與目標 _self 等效。

_top

這個目標使得文件載入包含這個超連結的視窗,用 _top 目標將會清除所有被包含的框架並將文件載入整個瀏覽器視窗。一般是用於點選iframe框架中的錨點,目標連結直接在當前頁面開啟,而不是在iframe中載入。

HTML連結觸發桌面軟體傳送郵件

在href屬性中加入以mailto:開頭的地址,並結合目標電子郵件的地址,可以直接呼叫使用者電腦中的預設郵件管理軟體,自動填寫內容併發送郵件。

有很多網站上有,直接點選郵箱地址,會跳出傳送郵件的介面。

這個郵箱超連結程式碼如下:

XML/HTML Code複製內容到剪貼簿EMAIL

例如:

XML/HTML Code複製內容到剪貼簿站長郵箱

注意:現在由於直接釋出地址,可能垃圾郵件會很多很多,建議不要用這個郵箱超連結。

這個郵箱由於我把地址寫在這裡,所以天天有垃圾郵件。

即使要要註明郵件地址不做超連結也不要直接用文字寫在網站或者網頁上,可以使用圖片或者其他方式表示地址

複雜的連結:

XML/HTML Code複製內容到剪貼簿給我發郵件

其語法主要由以下幾個部分組成

mailto: (傳送郵件到) 後面跟隨郵箱地址,例如:

? (分隔符)用於在地址後面跟隨相應的引數

&; (引數連線符)同時設定多個引數時,需要用&符號進行區分連線

cc= 、 bcc=(抄送),後面跟隨需要抄送人的郵箱地址,例如:

subject= (郵件主題)後面跟隨你的郵件主題

body= (郵件內容)後面跟隨需要的郵件內容

TAG標籤:HTML 超連結 #