a標籤總結
阿新 • • 發佈:2018-12-14
一.<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的時候會直接導致連結顯示的效果不同