HTML代码规范

HMTL代码规范( end of * is required)

1. HTML基础

• 文件应以“”首行顶格开始，使用“” (*)
• 必须申明文档的编码charset,统一使用 (*)
• 页面title要写 (*)
• 使用link将css文件引入(*)
• 使用script将js文件引入(*)
• 在引入CSS和javaScript文件时不需要指定type属性(*)
• 优先使用最新版本的IE和Chrome内核
• favicon 放在根目录下,和index.html平级(*)

2. 结构

• 每一个块级元素都另起一行，每一行都使用2个空格缩进对齐,行内元素可以放在块级元素同一级(*)
• table不建议用于布局，只用于有明显表格形式的数据(*)
• 结构、表现、行为三者分离,避免内联(*)

3. 标签

• 自闭合标签，无需闭合( 例如：img、input、br、hr等)，其它的标签，需闭合(*)
• 尽量减少标签数量
• 标签一律使用小写字母(*)
• 图片通常使用alt属性。在图片不能显示时，它能替代图片显示(*)
• 页面中多使用语义化标签，而不是整个页面以 div 构成
• 特殊符号必须使用转义符 (*)

4. 属性

• 一个标签上引用的className不要过多，越少越好
• 属性的定义，统一使用双引号 (*)
• 布尔型属性可以在声明时不赋值,disabled、checked、selected (*)
• 省略外链资源 URL 协议部分(http/https) (*)
• 属性和值一律使用小写字母 (*)

HTML常用的文件命名(建议)

主页面: index.html
首页: home.html
角色：role.html
用户中心：user.html
登录：login.html
注册：register.html

变量命名(建议)

• 框架标签：首字母大写
• 组件标签：大驼峰命名