HTML標記之a標籤

阿豪聊乾貨發表於2016-02-22

一、a標籤的語法

  <a href=”連結目標地址” title=”註釋” target=”開啟連結視窗的形式”>連結顯示內容</a>

    target值:

      _blank在新視窗中開啟;

      _self 在自身視窗開啟(預設);

      _parent 在上一級視窗開啟,框架會經常使用;

      _top 在瀏覽器整個視窗中開啟,忽略任何框架。

二、連結的種類

   1.內部連結(當前文件與目標文件在同一站點內)<a href=”目標文件位置及全稱”></a>;

   2.外部連結(當前文件與目標文件不在同一站點內)<a href=”URL(網址)”></a>;

   3.E-mail連結(並允許訪問者向指定的地址傳送郵件)<a href=”mailto:電子郵件地址”></a>;

   4.錨點連線 跳轉到同一網頁或其他文件的指定位置:建立錨點,<a name=”錨點名稱”>顯示內容</a>連結錨點,<a href=”(URL)#錨點名稱”>顯示內容</a>;

   5.空連結,就是沒有目標端點的連結,<a href=”#”>顯示內容</a>;

   6.指令碼連結:是一種特殊的連結,當單擊設定指令碼連結的文字或影象時,可以執行相應的JS語句。

三、常用的指令碼連結

  關閉視窗:輸入javascript:window.close();

    <a href="javascript:window.close();">關閉視窗</a>

  開啟視窗:輸入javascript:window.open(‘檔名或URL’); 

    <a href = "javascript:window.open(‘檔名或URL’);">開啟視窗</a> 

四、連結的高階用法

  ①.設為首頁:<a href=”#” onClick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(‘目標網址’)”>設為首頁</a>。

  ②.新增收藏:<a href=”#” onClick=”javascript:window.external.addfavorite(‘目標網址’,’收藏名’)”>新增到收藏夾</a>。