前端命名规范

命名规范很重要

最开始，我还在HTML的这条学习的路上跑的时候，我的一个老哥刚进入一家公司，第二天，组长就对他说：你这命名很随意啊。结果，没过多久，他就主动提出辞职，其中的酸甜苦辣也许我只能体会到微末，但是，他反复提醒我说要养成命名规范的习惯，同时，要养成规范的编码方式。好，下面是我的一些关于命名规范的小结，下面一一阐述。

不能用什么命名？

1：不能中文命名
2：不能中英混合
3: 不能直接使用css属性敏感词
4： 不能单独且直接使用html命名

命名规则

驼峰式命名:第一个单词首字母小写写；第二个单词首字母大写

• 例如 ： xiaoYiFei
  下划线命名 xiao_yi_fei
  连接符明明哥 xiao-yi-fei

1: 命名可以按照页面结构；分割结构进行命名
2：可以按照页面中内容进行命名；
3：命名规范汇总

• 1）、所有的命名最好都小写
• 2）、属性的值一定要用双引号("")括起来，且一定要有值 - 如class=“divcss5”,id=“divcss5”
• 3）、每个标签都要有开始和结束，且要有正确的层次，排 - 版有规律工整
• 4）、空元素要有结束的tag或于开始的tag后加上"/"
• 5）、表现与结构完全分离，代码中不涉及任何的表现元 - 素，如style、font、bgColor、border等
• 6）、h1到h5的定义，应遵循从大到小的原则，体现 文档的结构，并有利于搜索引擎的查询。
• 7）、给每一个表格和表单加上一个唯一的、结构标记id
• 8）、给图片加上alt标签
• 9）、尽量使用英文命名原则
• 10）、尽量不缩写，除非一看就明白的单词

外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容（中部）
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部