1、關(guān)于編碼規(guī)范的幾點(diǎn)認(rèn)識(shí)
正所謂“無(wú)規(guī)矩?zé)o以成方圓”聂使，在符合標(biāo)準(zhǔn)的情況下壁拉，如何完善編碼細(xì)節(jié)，減少bug柏靶，便于多人協(xié)作弃理，這是自我（或團(tuán)隊(duì)，或業(yè)界推薦）設(shè)立一個(gè)編碼規(guī)范的意義所在宿礁。個(gè)人認(rèn)為編碼中應(yīng)該注意的幾個(gè)小細(xì)節(jié)：
-
命名問(wèn)題
- 注意多使用語(yǔ)義化標(biāo)簽案铺，你的代碼能夠明確的描述你所要表達(dá)的內(nèi)容,表格就是表格,段落就是段落,圖片就是圖片,盡量減少用無(wú)語(yǔ)義的標(biāo)簽(div,span等)來(lái)描述你的所要表達(dá)的內(nèi)容,使其更加可讀蔬芥；
- 基于功能梆靖，內(nèi)容去命名控汉，而不是基于表現(xiàn)，個(gè)人認(rèn)為這主要是便于維護(hù)返吻，減少出錯(cuò)姑子；
- 采用小寫。
-
編碼的一些個(gè)人不熟悉細(xì)節(jié)
- 用兩個(gè)空格來(lái)代替制表符（tab） -- 這是唯一能保證在所有環(huán)境下獲得一致展現(xiàn)的方法测僵。
- 不要在自閉合（self-closing）元素的尾部添加斜線 -- HTML5 規(guī)范中明確說(shuō)明這是可選的街佑。
- 不要省略可選的結(jié)束標(biāo)簽（closing tag）（例如，</li>或 </body>）捍靠。
可詳細(xì)參考相關(guān)文檔
2沐旨、垂直居中有幾種實(shí)現(xiàn)方式，給出代碼范例
利用上下padding等值來(lái)實(shí)現(xiàn)垂直居中
簡(jiǎn)單測(cè)試一下：利用padding來(lái)實(shí)現(xiàn)居中利用絕對(duì)定位來(lái)實(shí)現(xiàn)居中
簡(jiǎn)單測(cè)試一下利用絕對(duì)定位來(lái)實(shí)現(xiàn)居中vertical-align實(shí)現(xiàn)垂直居中
簡(jiǎn)單測(cè)試一下利用vertical-align屬性實(shí)現(xiàn)垂直居中轉(zhuǎn)化為table-cell形式實(shí)現(xiàn)居中
簡(jiǎn)單測(cè)試一下轉(zhuǎn)化表格形式實(shí)現(xiàn)居中
3榨婆、實(shí)現(xiàn)幾種效果磁携，每種效果都只使用一個(gè)html 標(biāo)簽來(lái)實(shí)現(xiàn)
簡(jiǎn)單測(cè)試一下幾種提醒框效果
