寫了這么長時間的靜態(tài)頁面了，有必要來整理一下網頁代碼的書寫心得，也許會對讀者您有所幫助。我按照一般頁面構成來說吧。
login:
頭部一般會有登陸條。寫用戶名密碼的地方，建議字和input分別用單獨類的margin來控制。大家都知道文字和input在一起的時候用line-height并不會起什么效果。記得用戶名和密碼的文字用label標簽。
logo:
這個可能有值得商榷的地方。有人喜歡把LOGO用H1來顯示，有人喜歡背景顯示LOGO而代碼隱藏文字。具體對SEO的影響自己去體會吧，不妨都試試，不過LOGO上總要帶鏈接的。
nav:
導行菜單一般都用LI來做，不過最好帶上浮動float:left，而不僅僅是display:inline,這樣控制起來可能更精確一點。至于象門戶那樣復雜的菜單就可以自由發(fā)揮，比如我之前寫的一個菜單。.
search:
搜索的輸入框和按紐用padding值來控制里面字的顯示吧，用height和line-height的效果可能在各個瀏覽器里不盡相同。按紐如果都用系統默認的樣式就別清除默認的border值，如果用圖片就必須清除.line-height的值比height大點可能效果會好點，不過要溢出剪切哦。
banner:
這個其實沒什么可說的，但是針對一行多個廣告條，我還要補充一句，banner既可能是圖片也可能是FLASH，寫的時候套個DIV寫個寬度和溢出剪切沒壞處。
list:
列表是出現最多的。控制內容和邊框的間距最好給ul用padding,并且加寬度和剪切。至于li就要用height和line-height來控制了,如果回行也要剪，保證標題內容代碼的完整而又不破壞頁面美觀。前面加點那肯定是用背景圖片來控制了，默認的項目符號真的不好用。
titleBar:
標題行一般就是單獨居左出現，或者右面是more和tags。這個寫法也是根據每個人習慣不同而有變化的。我最近試著標題用H3，more或tags用H4來寫。以后關注一下效果如何。畢竟這樣的話，在沒有加載樣式的情況下，某塊內容的標題會突出顯示。當然more和tags用span寫也可以，這樣看具體顯示的內容而定了。
pictureWrap:
圖文混排的表現形式比較多，語言描述也太麻煩就不說太多了。想說的就是圖片配標題的時候，給標題加個class，定義一下寬高和行高，然后溢出剪切，這樣標題太長也不會擠亂頁面了。而且寫動態(tài)程序的時候也不用去數截取多少個字了。畢竟，我們想留給讀我們代碼的爬蟲一個完整的標題。
footer:
這個也沒多少可說的，該怎么寫就這么寫，能用A標簽的就不用li了。記得統計代碼放在最后，而且最好給他一個dispaly:none的樣式。

好了，就寫這么多吧，雖然很多代碼可能是需要重復敲打好多遍的，可是如何寫出既讓人又讓機器讀的舒服的代碼，是我們需要逐步總結和研究的，而這更是我們努力的方向。

PS：以上純粹是本人一個時期內的心得總結，如有不妥之處還請您不吝賜教，共同進步！

該文章在 2010/8/13 22:29:41 編輯過