前端 HTML-CSS 规范

目录

HTML

• 语法
• HTML5 doctype
• 语言属性（Language attribute）
• 字符编码
• IE 兼容模式
• 引入 CSS 和 JavaScript 文件
• 实用为王
• 属性顺序
• 布尔（boolean）型属性
• 减少标签的数量
• JavaScript 生成的标签

CSS

• 语法
• 声明顺序
• 媒体查询（Media query）的位置
• 带前缀的属性
• 单行规则声明
• 简写形式的属性声明
• Less 和 Sass 中的嵌套
• 注释
• class 命名
• 选择器
• 代码组织

黄金定律

一个项目应该永远遵循同一套编码规范！

不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。

HTML

语法

• 用两个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。
• 嵌套元素应当缩进一次（即两个空格）。
• 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
• 不要在自闭合（self-closing）元素的尾部添加斜线 – HTML5 规范中明确说明这是可选的。
• 不要省略可选的结束标签（closing tag）（例如，

或