欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

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

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

PS：以上純粹是本人一個(gè)時(shí)期內(nèi)的心得總結(jié)，如有不妥之處還請(qǐng)您不吝賜教，共同進(jìn)步！

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