欢迎来到天天文库
浏览记录
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 影响看图体验,并且增加了页面尺寸。[建议
此文档下载收益归作者所有