前端页面代码规范总结

 

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

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

最好及时删除没用的代码；（不很确定的可以注释先）

转载于:https://www.cnblogs.com/Julia-Yuan/p/7944555.html