8點(diǎn)需要注意的Web編程小細(xì)節(jié)

長(zhǎng)時(shí)間以來，我們創(chuàng)造了某些在構(gòu)造和范圍內(nèi)用以提升網(wǎng)站易用性的約定和實(shí)踐。然后在我們進(jìn)行web編程的時(shí)候總有一些疏忽和紕漏。今天，E良師益友網(wǎng)在這里總結(jié)了一些web編程時(shí)容易出現(xiàn)的小錯(cuò)誤，并給出了相應(yīng)的補(bǔ)救方法，希望可以幫助提高網(wǎng)站的可用性。（你也可以去看看相關(guān)的免費(fèi)WEB開發(fā)視頻課程）只要避免下列這些錯(cuò)誤，網(wǎng)站的用戶體驗(yàn)度就會(huì)大大提升。

錯(cuò)誤一: 表單標(biāo)簽沒有與相應(yīng)字段相關(guān)聯(lián)

利用 "for" 屬性，使客戶可以通過點(diǎn)擊標(biāo)簽在表格內(nèi)選擇正確的輸入字段。這對(duì)于復(fù)選框和單選字段來說就是要有更大的可點(diǎn)擊區(qū)域。

錯(cuò)誤二: Logo圖表沒有鏈接到主頁(yè)

給logo添加到主頁(yè)的鏈接是非?；镜囊稽c(diǎn)。并且大多數(shù)用戶都會(huì)自然而然的認(rèn)為通過logo能夠重返首頁(yè)。logo最好放置在左上角。

錯(cuò)誤三: 未顯示鏈接的訪問狀態(tài)

顯示鏈接的訪問狀態(tài)時(shí)常被忽略掉。讓客戶能 一眼看到這個(gè)鏈接是否被點(diǎn)擊過是很重要的。

錯(cuò)誤四: 未顯示當(dāng)前有效的表單域

你可以運(yùn)用 "focus"選擇或捆綁元素。但是最有用的方法還是運(yùn)用輸入和文本區(qū)來說明該字段是活躍的。包含一些CSS樣式，比如，高亮邊框，或者背景色有點(diǎn)小小變化。

錯(cuò)誤五: 圖片未添加描述

除非是單純的作修飾用的，ALT 屬性可不填寫，否則的話要記得要給圖片單獨(dú)添加一個(gè)描述性語(yǔ)句。好處就是將圖片當(dāng)做鏈接，輸入相應(yīng)的描述語(yǔ)句搜索就會(huì)訪問到該鏈接。

錯(cuò)誤六: 沒有背景色的背景圖

針對(duì)某部分內(nèi)容運(yùn)用背景圖片是很常見的做法。值得一提的是，如果客戶禁用背景圖的話該部分文字就看不見了。所以最好還是設(shè)置一個(gè)背景色。

錯(cuò)誤七: 界面設(shè)計(jì)風(fēng)格不一致

過度的創(chuàng)造有時(shí)候就是會(huì)畫蛇添足呀！有的設(shè)計(jì)師就容易犯這樣的錯(cuò)誤，同一個(gè)網(wǎng)站里各個(gè)網(wǎng)頁(yè)的設(shè)計(jì)都不一樣。這對(duì)用戶來說豈止是混亂，簡(jiǎn)直就是討人厭??！不管一個(gè)網(wǎng)站有多驚艷，如果整體風(fēng)格不連貫就無法得到用戶認(rèn)同。建議：

1.使用模板。

2.關(guān)鍵還是要簡(jiǎn)潔。

錯(cuò)誤八: 給非鏈接內(nèi)容加下劃線

大家都知道的，帶下劃線或者加陰影的內(nèi)容很可能是個(gè)鏈接。為了不誤導(dǎo)用戶，最好采用加粗或者其他強(qiáng)調(diào)標(biāo)識(shí)來表示強(qiáng)調(diào)部分。