一、HTML规范
1.1代码规范
- 所有书写均在英文半角状态下的小写; - 所有标签必须闭合; - 统一用tab键缩进; - 属性值必须带引号(单引或双引); - ul,li/ol,li/dl,dt,dd拥有父子级关系的标签,下一级只能嵌套对应的列表项子级; - p,dt,h标签 里面不能嵌套块属性标签; - a标签不能嵌套a; - 内联元素不能嵌套块;(a除外) - 对“<”“>”之类的特殊符号进行实体转义!
1.2文件命名
- 文件名中只可由英文字母a~z、排序数字0~9或间隔符-组成。 - 蚊件名中禁止包含特殊符号,比如空格、$等 - 文件名统一使用小写字母,文件名使用英文名词命名,或英文简写
1.3图片
- 所有img元素必须加上width height alt属性,修饰性图片alt值留空 - 图片命名 图片后缀命名一律小写。 使用间隔符 - 进行连接。 一般背景图片以bg-开头, 按钮图片以btn-开头, 图标图片以icon-开头, 聚合图以spr-开头,后跟英文单词,如果名称过长,适当使用缩写
1.4命名规范(HTML)
1)命名的两种方式:
ID命名:具有唯一性(身份证号) 相同的ID名只能在页面中出现一次, 并且ID只能有一个名字 class类名:class的类名可以在页面中重复出现,并且一个元素可以有多个类名,(中间以空格分开)
2)HTML命名规范:
用小写字母 以英文开头 可以包含(英文字母 - _ 数字) 见名知意
3)拓展名写法:
加 - 或 _ (腾讯:下划线 ' _ ' 禁止出现在class命名中,统一使用 '-' 连字符) 驼峰命名 第二单词大写 (腾讯:禁止驼峰式命名)
好的规范是代码成功的开始!