欢迎来到天天文库
浏览记录
ID:6127091
大小:76.72 KB
页数:32页
时间:2018-01-04
《html css javascript 编码规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、Web端编码规范版本0.1最后更新2015-1-12作者修订历史目录1HTML编码规范5样式规则5协议5排版规则5缩进5大小写6元数据规则6编码6注释6待办事项6HTML代码风格规则7文档类型7HTML代码有效性7语义8多媒体后备方案8关注点分离8type属性9HTML代码格式规则9格式92CSS编码规范10CSS代码风格规范10CSS代码有效性10ID和class的命名10ID和class命名风格11类型选择器11属性缩写110和单位120开头的小数12省略0开头小数点前面的012URI外的引号12省略URI的引号12十六进制12十六进制尽可能使用3个字符12前缀12选择器前面
2、加上特殊应用标识的前缀(可选)12ID和class命名的定界符12CSS代码格式规范13声明顺序13代码块内容缩进13声明完结13属性名完结14选择器和声明分行14规则分行143JavaScript编码规范15快读参考15类型17对象17数组18字符串18函数20属性20变量21条件表达式和等号22块23注释23空格与缩进25逗号25分号26类型转换26命名约定27存取器281HTML编码规范样式规则协议嵌入式资源书写省略协议头省略图像、媒体文件、样式表和脚本等URL协议头部声明(http:,https:)。如果不是这两个声明的URL则不省略。省略协议声明,使URL成相对地址,防
3、止内容混淆问题和导致小文件重复下载注意:省略头部声明时,该问时会按照网站默认头部声明进行访问(如,网站是https的,则默认的头部声明是https),如果必须在https(http)网站中访问http(https)的内容时,必须加上http(https)头部声明4、t>/*不推荐*/.example{background:url(http://www.google.com/images/example);}/*推荐*/.example{background:url(//www.google.com/images/example);}排版规则缩进每次缩进两个空格不要用TAB键或多个空格来进行缩进FantasticGreat .example{color:blue;}大小写只用小写字母所有的代码都用小写之母:适用于元素名,属性,属性值(除了文本和CDATA),选择器,特性,特性值(除了字符串
4、t>/*不推荐*/.example{background:url(http://www.google.com/images/example);}/*推荐*/.example{background:url(//www.google.com/images/example);}排版规则缩进每次缩进两个空格不要用TAB键或多个空格来进行缩进
5、)。Home 行尾空格删除行尾白空格。元数据规则编码用不带BOM头的UTF-8编码。让你的编辑器用没有字节顺序标记的UTF-8编码格式进行编写。在HTML模板和文件中指定编码。不需要制定样式表的编码,它默认为UTF-8。注释尽可能的去解释所写的代码用注释来解释代码:它包括什么,目的是什么,能做什么,为什么使用这个解决方案...(本规则可选,没必要每份代码都描述得很充分,它会增重HTML
6、和CSS的代码。只添加必要的注释,尽量避免冗余的、无用的注释)待办事项用TODO标记代办事项和正在进行的项目只用TODO来强调待办事项和正在进行项目,不要使用其他的格式,例如@@。附加联系人(用户名或电子邮件列表),用括号括起来,例如:TODO(contact)
7、tml。不要用XHTML。XHTML有些浏览器不支持,还比HTML用更多的存储空间。常用的文档类型:HTML5HTML4.01HTML代码有效性尽量使用有效的HTML代码编写有效的HTML代码,否则很难达到性能上的提升,用类似W3CHTMLvalidator这样的
此文档下载收益归作者所有