首頁  >  文章  >  web前端  >  HTML中的超連結標籤說明

HTML中的超連結標籤說明

零下一度
零下一度原創
2017-05-04 11:01:353276瀏覽

這篇文章主要介紹了HTML中的超連結標籤使用教學,包含郵件連結的使用方法,需要的朋友可以參考下

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

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

跳到屬性的用法
HTML連結中,使用 href 屬性 可以建立指向另一個文件的鏈接,通常用於頁面跳躍。這個很常見,就不再闡述了。
使用 name 屬性可以在文件內部建立書籤,讓超連結可以在文件內部跳到頁面的某一部分。例如:設定cdffb477a29240310256738e33b0ed655db79b134e9f6b82c0b36e0489ee08ed將其放置到頁面的中間。然後在頁面頭部設定d03b6b51aedc1d62d65b0057cb88ab1d跳到頁面中間5db79b134e9f6b82c0b36e0489ee08ed錨點,當使用者在頁面頭部點擊這個錨點事,頁面會滾動跳到name書籤所在的位置,也就是頁面中間。

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

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

  1. <a href=”url”>
    锚文本链接
    </a>

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

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

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

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

    ##
    <a href=
    "mailto:email地址">
    EMAIL
    </a>
#例如:

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

    <a href=
    "mailto:admin@myxzy.com">
    站长邮箱
    </a>
#注意:現在由於直接發布地址,可能垃圾郵件會很多很多,建議不要用這個郵箱超連結。

這個admin@myxzy.com信箱由於我把地址寫在這裡,所以天天有垃圾郵件。
即使要註明郵件地址不做超連結也不要直接用文字寫在網站或網頁上,可以使用圖片或其他方式表示地址
複雜的連結:

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

  1. <a href=
    "Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">
    给我发邮件
    </a>

其语法主要由以下几个部分组成
mailto: (发送邮件到) 后面跟随邮箱地址,例如:my@frontopen.com
? (分隔符)用于在地址后面跟随相应的参数
&;  (参数连接符)同时设置多个参数时,需要用&符号进行区分连接
cc= 、 bcc=(抄送),后面跟随需要抄送人的邮箱地址,例如:my@frontopen.com
subject=  (邮件主题)后面跟随你的邮件主题
body= (邮件内容)后面跟随需要的邮件内容

以上是HTML中的超連結標籤說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn