<a> 標簽主要用于定義鏈接和書簽,又被稱作超鏈接或錨(anchor)鏈接,最常見的用法是下面幾種:
建立超鏈接href屬性,跳轉到href=""中間的鏈接。
<a href="https://www.jb51.net/">www.jb51.net</a>建立書簽,用name 或 id屬性 和超鏈接尾部加“#”及這個書簽的name 跳轉到網頁某個位置
<a name="top"></a><a name="1"></a><a name="2"></a><a href="#top">返回頂部</a><a href="#1">打開第一章</a><a href="#2">打開第二章</a>當您打開E維科技W3CSchool 在線教程的時候,會顯現標題下面的導航,這些就是通過書簽name建立的。
Javascript 事件屬性,點擊后執行不同命令
<a href="javascript:void(0)" onclick="this.">www.jb51.net</a>錨鏈接CSS樣式
在沒有自定義錨鏈接<a href="https://www.jb51.net/">錨鏈接文字</a>的CSS樣式的時候,默認錨鏈接的樣式都是下面:
默認鏈接樣式,請用鼠標觸發就可以看到效果
<style type="text/css">
a{color:#00F}
a:visited{color:#800080}
a:hover{color:#F00}
</style>
<a href="https://www.jb51.net/">www.jb51.net</a>
a{color:#00F} 未被訪問錨鏈接都是藍色、下劃線樣式
a:visited{color:#800080} 點擊后的鏈接就是紫色、下劃線樣式
a:hover{color:#F00} 鼠標觸發上去就是紅色、下劃線樣式
不過由于這三種顏色太過強烈往往無法匹配所有的網頁設計風格,如果需要其他顏色的錨鏈接樣式,只需要在CSS中按照上面三種樣式自己修改顏色及背景就可以了。
錨鏈接為什么要帶下劃線?
其實HTML剛推出的時候,瀏覽器還沒有現在這么先進,同時當時的電腦屏幕也沒有現在液晶等色彩,很多甚至都是黑白的。而在當時區分是不是鏈接的方法就是通過下劃線,而在很多黑白顯示器上、或者面向色盲用戶的網頁盡量還是保留下劃線,否則用戶無法區分顏色。
當然為了美觀,一般現代網頁設計都不會在鏈接上直接放上下劃線。不過為了照顧色盲用戶和黑白手機顯示器用戶,建議在用戶鼠標觸發的時候盡量設置CSS樣式為帶下劃線的。
錨鏈接Target跳轉窗口設置
當您打開本頁的鏈接的時候,會發現打開有的鏈接會彈出到其他窗口,而打開有的鏈接會直接替換本頁。而這種跳轉方式可以使用錨鏈接的target屬性設置跳轉窗口。
新聞熱點
疑難解答
圖片精選