1. 程式人生 > >a標籤總結

a標籤總結

一.<a>定義和用法

   <a> 標籤定義超連結,用於從一張頁面連結到另一張頁面。

    <a> 元素最重要的屬性是 href 屬性,它指示連結的目標。

   在所有瀏覽器中,連結的預設外觀是:

  • 未被訪問的連結帶有下劃線而且是藍色的
  • 已被訪問的連結帶有下劃線而且是紫色的
  • 活動連結帶有下劃線而且是紅色的

 二.<a> 標籤的 target 屬性

  <a> 標籤的 target 屬性規定在何處開啟連結文件。

   如果在一個 <a> 標籤內包含一個 target 屬性,瀏覽器將會載入和顯示用這個標籤的 href 屬性命名的、名稱與這個目標吻合的框架或者視窗中的文件。如果這個指定名稱或 id 的框架或者視窗不存在,瀏覽器將開啟一個新的視窗,給這個視窗一個指定的標記,然後將新的文件載入那個視窗。從此以後,超連結文件就可以指向這個新的視窗。

  語法:

<a target="value">

 

描述
_blank 在新視窗中開啟被連結文件
_self 預設。在相同的框架中開啟被連結文件。
_parent 在父框架集中開啟被連結文件。
_top 在整個視窗中開啟被連結文件。
framename 在指定的框架中開啟被連結文件。

三.<a>偽類四種狀態

  偽類是CSS 用於向某些選擇器新增特殊的效果。

  a標籤中有四個:link、visited、hover、active。

  (1):link

  說明:設定a物件在未被訪問前的樣式表屬性。

  (2)  :visited

  說明:設定a物件在其連結地址已被訪問過時的樣式表屬性。

  (3)  :hover

  說明:設定物件在其滑鼠懸停時的樣式表屬性。

  (4) :active

  說明:設定物件在被使用者啟用(在滑鼠點選與釋放之間發生的事件)時的樣式表屬性。

  定義CSS的時候會直接導致連結顯示的效果不同