關(guān)于超鏈接的一些問(wèn)題_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
很興奮參加了這一期的薯片會(huì),熟悉了幾個(gè)朋友~~不料的卻是今天我要來(lái)總結(jié)一下
本次薯片會(huì)我們總共討論了三個(gè)議題:
A、 如何讓“用戶”更輕易識(shí)別超鏈接?
B、 超鏈接是否一定要帶有“下劃線”?
C、 是按鈕還是鏈接?
一、 如何讓“用戶”更輕易識(shí)別超鏈接?
感覺(jué)都像鏈接,又感覺(jué)都不像鏈接。我們一起看了幾個(gè)例子。
新浪:
有紅色帶下劃線的,有紅色不帶下劃線的,有藍(lán)色帶下劃線的。等等
這種給人的感覺(jué)是什么都可點(diǎn),到處都是鏈接。但是界面美觀性非常的差。
Yahoo:
圖中1、3、4都是鏈接,2卻是正文不可鏈接。初看去無(wú)法分辨那個(gè)是鏈接,哪個(gè)不是鏈接,當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)才恍然大悟。
這種默認(rèn)不帶下劃線的處理辦法,雖然使得界面整體非常美觀,但是在分辨上增加了一定的難度。滿眼望去不知若何。
Amazon:
Amazon的網(wǎng)站鏈接處理的很巧妙,正文中包含鏈接,不可鏈接的就是黑色文字,可以鏈接的就用藍(lán)色加下劃線。另外,它的分類是沒(méi)有下劃線的,不過(guò)大家都認(rèn)為分類可以不用帶下劃線。
大家都都對(duì)amazon的這種處理方法比較贊同。
大家討論過(guò)后沒(méi)有形成很一致的結(jié)論,不過(guò)有一些相對(duì)一致的傾向,如
- 分類可以不用下劃線。
- 要達(dá)到很好的區(qū)分鏈接,最土的辦法就是藍(lán)色加下劃線。
- 對(duì)于一個(gè)網(wǎng)站,假如不加下劃線,那么鏈接和非連接一定要用不同的顏色區(qū)分,鏈接的顏色最好一樣。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-關(guān)于超鏈接的一些問(wèn)題
。