前端代码编写规范命名规则1.项目名称项目名称驼峰式命名。例：myProject2.目录命名采用单数命名法。例：cssimgfontjs3.JS文件命名字母全部小写，单词之间用“-”链接。例：popup-window.js4.CSS文件命名字母全部小写，单词之间用“-”链接。例：popup-window.css5.HTML文件命名文件名称驼峰式命名。例：riverMonitor.htmlHTML1.语法缩进使用Tab（4个空格）;解释：对于非HTML标签之间的缩进,比如script或style标签内容缩进，与script或style标签的缩进同级。
嵌套的节点应该缩进;在属性上使用双引号（字符串拼接除外）;属性名全小写，用“-”做分隔符;自动闭合标签处不能使用斜线。
PagetitleHello,world!2.HTML5doctype页面开头的doctype大写，html小写。例：...3.字符编码采用UTF-8的编码格式。例：...4.引入CSS,JSCSS引入使用JS引入使用页面不允许出现style标签。5.属性1.属性名必须使用小写字母......6.属性顺序classidnamedata-*src,for,type,href,value,max-length,max,min,patternplaceholder,title,altaria-*,rolerequired,readonly,disabled7.标签标签名必须使用小写字母HelloStyleGuide!
HelloStyleGuide!
1．对于无需自闭合的标签，不允许自闭合解释：常见无需自闭合标签有input、br、img、hr等。2.标签使用必须符合标签嵌套规则解释：比如div不得置于p中，tbody必须置于table中。ul标签包含着li、dl标签包含着dt和dd。3.标签使用必须符合标签嵌套规则常见标签语义：P–段落h1,h2,h3,h4,h5,h6–层级标题strong,em–强调ins–插入del–删除abbr–缩写code–代码标识cite–引述来源作品的标题q–引用blockquote–一段长篇引用ul–无序列表ol–有序列表dl,dt,dd–定义列表8.图片禁止img的src取值为空。延迟加载的图片也要增加默认的src。解释：src取值为空，会导致部分浏览器重新加载一次当前页面，参考：https://developer.yahoo.com/performance/rules.html#emptysrc[建议]避免为img添加不必要的title属性。解释：多余的title影响看图体验，并且增加了页面尺寸。[建议]为重要图片添加alt属性。解释：可以提高图片加载失败时的用户体验。[建议]添加width和height属性，以避免页面抖动。[建议]有下载需求的图片采用img标签实现，无下载需求的图片采用CSS背景图实现。解释：1.产品logo、用户头像、用户产生的图片等有潜在下载需求的图片，以img形式实现，能方便用户下载。2.无下载需求的图片，比如：icon、背景、代码使用的图片等，尽可能采用CSS背景图实现。9.表单1．控件标题[强制]有文本标题的控件必须使用label标签将其与其标题相关联。解释：有两种方式：1.将控件置于label内。2.label的for属性指向控件的id。推荐使用第一种，减少不必要的id。如果DOM结构不允许直接嵌套，则应使用第二种。示例：用户名：
