在我們進(jìn)行前端開發(fā)時(shí)，我們不僅要考慮到能否實(shí)現(xiàn)我們想要的布局、樣式、效果等問(wèn)題，與此同時(shí)我們也要思考下怎樣能夠較好的、簡(jiǎn)單的、方便的、規(guī)范化的實(shí)現(xiàn)，最好我們能夠?qū)λ许?yè)面部分都有大體了解，哪些部分的樣式是相同的可以模塊化，布局完之后可以隨意其那出來(lái)用。同時(shí)我們還需想到我們這樣布局后，是否符合邏輯、在石油CMS進(jìn)行開發(fā)時(shí)是否能夠較快的實(shí)現(xiàn)出來(lái)。

以下是一些需要注意的點(diǎn)：

1.我們可以將公共部分先布局出來(lái)，比如head、foot等，存儲(chǔ)成common.html模板頁(yè)面。

2.公共樣式的模塊化，在所有頁(yè)面中，如果部分樣式在多個(gè)地方重復(fù)出現(xiàn)，我們布局時(shí)需要考慮，

怎樣能夠讓這一部分和其他部分離開，能夠單獨(dú)應(yīng)用，成為一個(gè)獨(dú)立模塊。如：按鈕、分頁(yè)、列表、小導(dǎo)航等。

3.在布局列表樣式時(shí)，如新聞列表、產(chǎn)品列表等，一行幾個(gè)相同的時(shí)我們會(huì)用ul li來(lái)布局，按照邏輯一般是橫向排列的

其樣式也應(yīng)該相同，這樣有利于我們進(jìn)行后臺(tái)遍歷數(shù)據(jù)。

4.我們?cè)诓季治淖謺r(shí)，如標(biāo)題、描述等文字，可以使用h、p標(biāo)簽這種塊級(jí)元素標(biāo)簽來(lái)編寫，方便后期加超鏈接，可以直接在其外圍嵌套a標(biāo)簽，

并且不會(huì)改變其顏色樣式。在其內(nèi)部如有特殊樣式的字符修飾，可以再使用span這種標(biāo)簽來(lái)修改樣式。

5.頁(yè)碼的布局有時(shí)會(huì)遇到小問(wèn)題，我們?cè)诓季謺r(shí)用ul li來(lái)編寫頁(yè)面，并且給上一頁(yè)下一頁(yè)、數(shù)字分頁(yè)、active狀態(tài)分別添加一個(gè)class樣式，這樣在cms遍歷時(shí)就不會(huì)出現(xiàn)樣式錯(cuò)誤了。