欢迎来到天天文库
浏览记录
ID：47504035
大小：166.51 KB
页数：23页
时间：2019-09-10
《前端代码编写规范》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、前端代码编写规范命名规则1.项目名称项目名称驼峰式命名。例：myProject2.目录命名采用单数命名法。例：cssimgfontjs3.JS文件命名字母全部小写，单词之间用“-”链接。例：popup-window.js4.CSS文件命名字母全部小写，单词之间用“-”链接。例：popup-window.css5.HTML文件命名文件名称驼峰式命名。例：riverMonitor.htmlHTML1.语法缩进使用Tab（4个空格）;解释：对于非HTML标签之间的缩进,比如script或style标签内容缩进，与script或s
2、tyle标签的缩进同级。
3、
4、DOCTYPEhtml>
5、">......2.属性顺序classidnamedata-*src,for,type,href,value,max-length,max,min,patternplaceho
6、lder,title,altaria-*,rolerequired,readonly,disabled3.标签标签名必须使用小写字母
HelloStyleGuide!
7、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–定义列表1.图片禁止 img 的 src 取值为空。延迟加载的图片也要增加默认的 src。解释
8、：src 取值为空，会导致部分浏览器重新加载一次当前页面，参考：https://developer.yahoo.com/performance/rules.html#emptysrc[建议]避免为 img 添加不必要的 title 属性。解释：多余的 title 影响看图体验，并且增加了页面尺寸。[建议
此文档下载收益归作者所有
