1、關(guān)于編碼規(guī)范的幾點(diǎn)認(rèn)識

正所謂“無規(guī)矩?zé)o以成方圓”，在符合標(biāo)準(zhǔn)的情況下，如何完善編碼細(xì)節(jié)，減少bug，便于多人協(xié)作，這是自我（或團(tuán)隊(duì)，或業(yè)界推薦）設(shè)立一個編碼規(guī)范的意義所在。個人認(rèn)為編碼中應(yīng)該注意的幾個小細(xì)節(jié)：

• 命名問題

  • 注意多使用語義化標(biāo)簽，你的代碼能夠明確的描述你所要表達(dá)的內(nèi)容,表格就是表格,段落就是段落,圖片就是圖片,盡量減少用無語義的標(biāo)簽(div,span等)來描述你的所要表達(dá)的內(nèi)容,使其更加可讀；
  • 基于功能，內(nèi)容去命名，而不是基于表現(xiàn)，個人認(rèn)為這主要是便于維護(hù)，減少出錯；
  • 采用小寫。

• 編碼的一些個人不熟悉細(xì)節(jié)

  • 用兩個空格來代替制表符（tab） -- 這是唯一能保證在所有環(huán)境下獲得一致展現(xiàn)的方法。
  • 不要在自閉合（self-closing）元素的尾部添加斜線 -- HTML5 規(guī)范中明確說明這是可選的。
  • 不要省略可選的結(jié)束標(biāo)簽（closing tag）（例如，</li>或 </body>）。

可詳細(xì)參考相關(guān)文檔

2、垂直居中有幾種實(shí)現(xiàn)方式，給出代碼范例

• 利用上下padding等值來實(shí)現(xiàn)垂直居中
  簡單測試一下：利用padding來實(shí)現(xiàn)居中

• 利用絕對定位來實(shí)現(xiàn)居中
  簡單測試一下利用絕對定位來實(shí)現(xiàn)居中

• vertical-align實(shí)現(xiàn)垂直居中
  簡單測試一下利用vertical-align屬性實(shí)現(xiàn)垂直居中

• 轉(zhuǎn)化為table-cell形式實(shí)現(xiàn)居中
  簡單測試一下轉(zhuǎn)化表格形式實(shí)現(xiàn)居中

3、實(shí)現(xiàn)幾種效果，每種效果都只使用一個html 標(biāo)簽來實(shí)現(xiàn)

簡單測試一下幾種提醒框效果