HTML命名规范

一. 命名方式

命名方式一共有四种

1. 小驼峰式命名 比如: firstName
2. 大驼峰式命名 比如:FirstName
3. 中划线式命名 比如:first-name
4. 下划线式命名 比如:first_name

二. 每种命名方式使用场景规范不同

1.小驼峰：使用场景:函数命名，变量命名
2.大驼峰：使用场景:组件名命名
3.中划线使用场景:class，id，标签，属性，文件夹名，文件名，图片名
4.下划线：使用场景:函数命名，变量命名

三. 命名注意事项

1、正则表达式用Exp结尾
2、命名长度最好在20个字符以内，避免多长带来的阅读不便
3、可读性强的命名优先于简短的命名
4、不要使用拼音，也不要使用中文，实在找不到英语的时候，可以使用拼音，但是要注明
5、尽量不要缩写、简写的单词。

除了 template =>tmp、message=>msg、image=>imgproperty=>prop这些单词已经被公认的缩写

当然，命名规范有很多，我这只是简单的给大家列出几种，希望大家命名的时候都规范自己代码，这样比如接手的时候，方便。自己接手别人的时候也不难。

四. 常用class名

布局类：header, footer, container, main, content, aside, page, section
包裹类：wrap, inner
区块类：region, block, box
结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span
列表类：list, item, field
主次类：primary, secondary, sub, minor
大小类：s, m, l, xl, large, small
状态类：active, current, checked, hover, fail, success, warn, error, on, off
导航类：nav, prev, next, breadcrumb, forward, back, indicator, paging, first, - last
交互类：tips, alert, modal, pop, panel, tabs, accordion, slide, scroll, overlay,
星级类：rate, star
分割类：group, seperate, divider
等分类：full, half, third, quarter
表格类：table, tr, td, cell, row
图片类：img, thumbnail, original, album, gallery
语言类：cn, en
论坛类：forum, bbs, topic, post
方向类：up, down, left, right
其他语义类：btn, close, ok, cancel, switch; link, title, info, intro, more, icon; form, label, search, contact, phone, date, email, user; view, loading
缩写类：主要针对的是单个单词的命名进行缩写，多个单词组合的命名不推荐缩写。例如：text缩写成txt，delete缩写成del等等。