如何给你的团队制定编码规范？

[KennyShi-designer]

HTML

• 语法

  • 标签不大写
  • 用两个空格代替tab键
  • 嵌套元素应缩进一次（两个空格）
  • 对于属性的定义，永远使用单引号
  • 不要在自闭合元素的尾部加斜线
  • 不要忽略可选的结束标签
  • 布尔类型属性不要赋值

• 基本格式

  • HTML5 doctype——在每个html页面的第一行添加标准模式声明，确保在每个浏览器中有一致的展现
  • 语言属性——为html 根元素指定 lang 属性，有助于语音合成工具确定其所应该采用的发音等等。
  • IE兼容模式——IE 支持通过特定的 标签来确定绘制当前页面所应该采用的 IE 版本。
  • 字符编码——是确保浏览器快速并容易的判断页面内容的渲染方式。
  • 引入css和JavaScript文件——省略type，因为 text/css 和 text/javascript 分别是它们的默认值。

• 其他

  • 属性排序（class 可复用，id 谨慎使用）
    • class
    • id, name
    • data-*
    • src, for, type, href, value
    • title, alt
    • role, aria-*s

CSS

• 语法

  • 另个空格代替tab
  • 注意空格和换行
  • 数值省略小数点前的0
  • 十六进制小写尽量缩写

• 其他

  • 顺序
    • Positioning
    • Box model
    • Typographic
    • Visual
    • Misc
  • 不用@import
    ——题目来自饥人谷