當前位置:學問君>人在職場>電腦培訓>

HTML超連結

學問君 人氣:1.77W

網站的各個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複製內容到剪貼板站長郵箱

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

這個[email protected]郵箱由於我把地址寫在這裏,所以天天有垃圾郵件。

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

複雜的連結:

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

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

mailto: (發送郵件到) 後面跟隨郵箱地址,例如:[email protected]

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

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

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

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

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

TAGS:超連結 html