1.超鏈接
html中的<a> 標(biāo)簽定義超鏈接矾缓，用于從一個頁面鏈接到另一個頁面怀酷。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<a >test</a>
</body>
</html>
有些情況下可能會將a標(biāo)簽的href屬性值設(shè)置為空，但不同的寫法會產(chǎn)生不同的效果而账，具體情況如下：
- 點擊鏈接后不做任何事情
//點擊鏈接胰坟，默認(rèn)上滾到頁面頂部
<a href="#">test</a>
/點擊鏈接，停在當(dāng)前位置
<a href="####">test</a> //使用2個到4個#，見的大多是"####"笔横，也有使用"#all"等其他的竞滓。
<a href="javascript:void(0);">test</a> //javascript:void(0) 僅僅表示一個死鏈接，執(zhí)行空事件
<a href="javascript:;" >test</a> //其他寫法
- 點擊鏈接后吹缔，響應(yīng)用戶自定義的點擊事件
<a href="javascript:void(0);" onclick="fn()">test</a>
<a href="javascript:;" onclick="fn()">test</a>
<a href="#" onclick="fn(); return false;">test</a>
<a href="#" onclick="fn(); event.returnValue = false;">test</a>
2.錨偽類
在支持 css 的瀏覽器中商佑，鏈接的不同狀態(tài)都可以不同的方式顯示，這些狀態(tài)包括：活動狀態(tài)厢塘，已被訪問狀態(tài)茶没，未被訪問狀態(tài)和鼠標(biāo)懸停狀態(tài)。用來表示鏈接不同狀態(tài)的偽類就是錨偽類晚碾。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
body {color: grey;}
a {color: red;}
a:link {color: green;} /* 未訪問的鏈接 */
a:visited {color: blue;} /* 已訪問的鏈接 */
a:hover {color:orange;} /* 鼠標(biāo)移動到鏈接上 */
a:active {color: yellow;} /* 選定的鏈接 */
</style>
</head>
<body>
<a >test</a>
</body>
</html>
這幾個偽類必須按照一定的順序(l-v-h-a)抓半，
a:hover必須被置于a:link和a:visited之后，才是有效的格嘁；a:active必須被置于a:hover之后笛求，才是有效的。
最后再強(qiáng)調(diào)一遍糕簿，書寫順序很重要：a:link - a:visited - a:hover - a:actived探入。
