前端页面代码规范总结

 

不容许省略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")（便于区分和写样式）

多个页面的公共部分，起类名要特殊化，避免重复;

最好及时删除没用的代码；（不很肯定的能够注释先）