一、上下間距

在開發(fā)中你會發(fā)現(xiàn)你明明設(shè)置的兩個p標簽上下間距為20px但你實際測量中會發(fā)現(xiàn)他會多4~8px，這是為什么呢！如果你是老司機我想我就不用多說了，

因為設(shè)計稿中量的都是字與字上下的間距，其實你寫p標簽檢查一下元素，p表標簽會有留白，大概是會有上下都有2px左右的留白。這樣的話在加上你的

上邊距或下邊距你在量的時候就多了點。

!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)你在測量時，我們上邊是20px的下外邊距這時我們測量一下；

ps：如果你有【FQ工具的話】不妨在Google瀏覽器商城下載一個Page Ruler，個人認為非常好用的一個測量網(wǎng)頁的工具。

發(fā)現(xiàn)沒有20的間距成功的變?yōu)?5，這就是p標簽的留白。

二、錯誤的嵌套

這種嵌套當(dāng)里面在寫有內(nèi)容時，當(dāng)一屏看不完時，一時嵌套錯誤這個可就有你煩的了。最好的解決嗎？我感覺還是注釋，一個良好的注釋習(xí)慣，讓你可以更快找到自己的問題還有利于團隊的開發(fā)。

這樣時你還會找錯嗎？當(dāng)你修改時是不是更方便了。

三、form和table到底先寫誰，當(dāng)然這個問題只會發(fā)生在新手身上

錯誤：

 table form tr td ..... /td /tr /form /table 

正確：

 form table tr td ..... /td /tr /table /form 

按我個人的理解來說，把form寫在table中太別扭了。因為table是一個完整的格式，所以說用from來包裹table。

四、省略img alt 屬性

當(dāng)你在網(wǎng)速不佳或圖片無法顯示的時候，他的作用就來了。你可以帶有你圖片的描述，讓用戶在沒看到的前提下，也明白這是什么。

五、大量使用轉(zhuǎn)義標簽 如： nbsp； ..........

因為在每個瀏覽器如 ： nbsp 默認寬度是不等的，所以當(dāng)你使用大量 nbsp； 時換個瀏覽器他就變了。所以說現(xiàn)在這莫多好用的方式為啥還用如此

lo的轉(zhuǎn)義標簽， 其實還有比較實用的如： copy； ? 版權(quán)商標等等；

六、錯誤的提示方式。

當(dāng)你給了用戶錯誤的提示時，你說收集的數(shù)據(jù)也將會出現(xiàn)很大的偏差，如：“請輸入地址” ，這個地址你是要家庭地址呢！還是現(xiàn)住地址呢！還又是公司地址呢！所以明確的提示很重要。

七、頁面中包含太多刷新的步驟。

通過ajax局部刷新，來減少頁面的重復(fù)加載。增強用戶的體驗。

八、偏愛于一款瀏覽器，由于瀏覽器內(nèi)核不同，他支持的效果也不同，當(dāng)你偏愛于一款瀏覽器時，你在別的瀏覽器你會崩潰的 。

ps：當(dāng)然IE除外 IE 低版本太可怕，都這個年代了堅決抵制 IE 低版本，當(dāng)然這只是個人看法，畢竟有數(shù)據(jù)支持用 IE 低版本用戶是有還是又不算少的用戶群

有的比如：國企采購 windows 自帶 IE 而且國企為了安全買回來后沒有升級那一說。當(dāng)外包到一個國企而且進門不讓帶手機的，到時候你就明白了。

以上就是html開發(fā)中遇到的問題和壞習(xí)慣的詳細內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。