一、上下間距
在開發(fā)中你會發(fā)現(xiàn)你明明設(shè)置的兩個(gè)p標(biāo)簽上下間距為20px但你實(shí)際測量中會發(fā)現(xiàn)他會多4~8px，這是為什么呢！如果你是老司機(jī)我想我就不用多說了，
因?yàn)樵O(shè)計(jì)稿中量的都是字與字上下的間距，其實(shí)你寫p標(biāo)簽檢查一下元素，p表標(biāo)簽會有留白，大概是會有上下都有2px左右的留白。這樣的話在加上你的
上邊距或下邊距你在量的時(shí)候就多了點(diǎn)。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
p:nth-child(1){
margin-bottom: 20px;
}
</style>
</head>
<body>
<p>p1</p>
<p>p2</p>
</body>
</html>
當(dāng)你在測量時(shí)，我們上邊是20px的下外邊距這時(shí)我們測量一下；
ps：如果你有【FQ工具的話】不妨在Google瀏覽器商城下載一個(gè)Page Ruler，個(gè)人認(rèn)為非常好用的一個(gè)測量網(wǎng)頁的工具。
發(fā)現(xiàn)沒有20的間距成功的變?yōu)?5，這就是p標(biāo)簽的留白。
二、錯(cuò)誤的嵌套
這種嵌套當(dāng)里面在寫有內(nèi)容時(shí)，當(dāng)一屏看不完時(shí)，一時(shí)嵌套錯(cuò)誤這個(gè)可就有你煩的了。最好的解決嗎？我感覺還是注釋，一個(gè)良好的注釋習(xí)慣，讓你可以更快找到自己的問題還有利于團(tuán)隊(duì)的開發(fā)。
這樣時(shí)你還會找錯(cuò)嗎？當(dāng)你修改時(shí)是不是更方便了。
三、form和table到底先寫誰，當(dāng)然這個(gè)問題只會發(fā)生在新手身上
錯(cuò)誤：
<table><form><tr><td>..... </td></tr></form></table>
正確：
<form><table><tr><td>..... </td></tr></table></form>
按我個(gè)人的理解來說，把form寫在table中太別扭了。因?yàn)閠able是一個(gè)完整的格式，所以說用from來包裹table。
四、省略img alt 屬性
當(dāng)你在網(wǎng)速不佳或圖片無法顯示的時(shí)候，他的作用就來了。你可以帶有你圖片的描述，讓用戶在沒看到的前提下，也明白這是什么。
五、大量使用轉(zhuǎn)義標(biāo)簽 如： ； >..........
因?yàn)樵诿總€(gè)瀏覽器如 ： 默認(rèn)寬度是不等的，所以當(dāng)你使用大量 ； 時(shí)換個(gè)瀏覽器他就變了。所以說現(xiàn)在這莫多好用的方式為啥還用如此
lo的轉(zhuǎn)義標(biāo)簽， 其實(shí)還有比較實(shí)用的如：©； ? 版權(quán)商標(biāo)等等；
六、錯(cuò)誤的提示方式。
當(dāng)你給了用戶錯(cuò)誤的提示時(shí)，你說收集的數(shù)據(jù)也將會出現(xiàn)很大的偏差，如：“請輸入地址” ，這個(gè)地址你是要家庭地址呢！還是現(xiàn)住地址呢！還又是公司地址呢！所以明確的提示很重要。
七、頁面中包含太多刷新的步驟。
通過ajax局部刷新，來減少頁面的重復(fù)加載。增強(qiáng)用戶的體驗(yàn)。
八、偏愛于一款瀏覽器，由于瀏覽器內(nèi)核不同，他支持的效果也不同，當(dāng)你偏愛于一款瀏覽器時(shí)，你在別的瀏覽器你會崩潰的 。
ps：當(dāng)然IE除外 IE 低版本太可怕，都這個(gè)年代了堅(jiān)決抵制 IE 低版本，當(dāng)然這只是個(gè)人看法，畢竟有數(shù)據(jù)支持用 IE 低版本用戶是有還是又不算少的用戶群
有的比如：國企采購 windows 自帶 IE 而且國企為了安全買回來后沒有升級那一說。當(dāng)外包到一個(gè)國企而且進(jìn)門不讓帶手機(jī)的，到時(shí)候你就明白了。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.alabama37th.com 版權(quán)所有
違法及侵權(quán)請聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務(wù)所王興未律師提供法律服務(wù)
