命名规范

参考网易和百度命名规范

HTML规范

• 说明文案的注释
  • 开始注释：（文案两头空格）。
  • 结束注释：（文案前加“/”符号，类似标签的闭合）
  • 允许只有开始注释！
• 代码的注释
  • 单行注释<!-- <h1 class=\"m-logo\"><a href=\"#\">LOGO</a></h1> -->
  • 多行注释 另起一行

  	<!--
  	<ul class=\"m-nav\">
  	    <li><a href=\"#\">NAV1</a></li>
  	    <li><a href=\"#\">NAV2</a></li>
  	</ul>
  	-->
  

• 属性必须有值且双引号小写

CSS规范

• 布局（.g-）
• 模块（.m-）
• 元件（.u-）
• 功能（.f-）
• 皮肤（.s-）
• 状态（.z-）

模板：

<div class=\"g-doc\">
    <div class=\"g-hd\">  
    </div>
    <div class=\"g-bd\">
        <div class=\"g-mn\">
        //主栏
        </div>
        <div class=\"g-sd\">
        //侧栏
        </div>
    </div>
    <div class=\"g-ft\">
    </div>
</div>