前端頁面代碼規範總結

 

不容許省略title keywords  description標籤？ mate標籤？

作網站前， 問好客戶keywords description，這些標籤（整套網站通常就一個） 

利於客戶詢問  後臺搭建  靜態頁面完整性    利於seo優化

html標籤上設置正確的lang？？  eg:lang-CN; lang-EN

 

 

----------------------------------------------------------------------------------------------------------

 

兼容模式 代碼必須寫，不只ie，更有其餘、 if...所有都寫上

儘可能不用id,插件除外

屬性給定順序：class---data ---src--for/type/href--title/alt

不容許在頁面上寫style標籤 sctipt標籤等頁面內樣式和js

 

name屬性不容許使用，除了checkbox radio,input也儘可能不要用

form標籤 table標籤不容許使用，除了插件

 

 

插件必須放置在一個文件夾裏，必須有demo演示文件（擁有本身的代碼庫）

有利於別的前端分析代碼看 利於本身再次使用；

媒體查詢必須在改樣式附近

 

多媒體元素添加替代屬性 如圖像增長alt

保證favicon能夠訪問到

顏色必須使用十六進制

不容許爲0制定單位：eg: height:0 是對的 0px不容許；

不容許引入網絡樣式

 

 

===============================

 

aa:

每一個頁面有專屬類名，eg(class="work-page")（便於區分和寫樣式）

多個頁面的公共部分，起類名要特殊化，避免重複;

最好及時刪除沒用的代碼；（不很肯定的能夠註釋先）