google的html-css规范指南

google的html-css规范指南

ID:11318858

大小:60.00 KB

页数:9页

时间:2018-07-11

google的html-css规范指南_第1页
google的html-css规范指南_第2页
google的html-css规范指南_第3页
google的html-css规范指南_第4页
google的html-css规范指南_第5页
资源描述:

《google的html-css规范指南》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、google之前出了javascript规范指南,中文翻译传送门在此,现在有了html/css规范指南,明河开始翻译时版本是2.1。后续如果google有新的内容补充,明河也会跟进。常规样式规则协议引入的assets资源文件(js、css、图片文件)忽略协议(http:,https:),比如:不推荐的写法:推荐的写法:

2、/analytics/autotrack.js">不推荐的写法:.example{background:url(http://www.google.com/images/example);}推荐的写法:.example{background:url(//www.google.com/images/example);}关于google的这点建议,明河倒是觉得有待商榷,有兴趣的朋友看http://stackoverflow.com/questions/4831741/can-i-change-all-my-http-lin

3、ks-to-just,里面有详细的讨论,http://play.qqq80.com根据一位网友的测试,相对url在IE7、IE8下存在二次加载的问题。常规格式规则缩进使用二个空格缩进(PS:明河一般使用四个空格缩进-_-!)

  • Fantastic
  • Great
.example{color:blue;}大写只使用小写。所有的代码只使用小写字母(PS:淘宝的做法是如果跟js的DOM操作相关,作为钩子使用J_Trigger类似的方式):包括元素名称、样式名、属性名(除了text/CDATA)。不推

4、荐的写法:Home推荐的写法:尾部空白删掉冗余的行尾空格。不推荐的写法:What?_推荐的写法:Yesplease.常规Meta规则编码使用utf-8编码。指定页面的文档编码为utf-8不需要特别指定样式引用的编码为utf-8。(ps:关于html编码指定方面的内容,可以看《CharacterSets&EncodingsinXHTML,HTMLandCSS》)注释如果可能,http://www.wan

5、128.cn注释还是必不可少的。使用注释说明下代码:它包括了什么,它的目的是什么,为什么优先使用它。行动项目(ps:推荐使用)google建议养成写TODO的习惯,特别是在项目中,记录下一些要改,但来不及修改的地方,或指派其他同事做修改。高亮TODO,不同的编辑器有不一样的方式,比如idea是TODO:。{#TODO(john.doe):revisitcentering#}

Test
  • Apples
  • Oranges

    6、li>

常规html设计规则文档类型使用html5文档声明:不再使用XHTML(application/xhtml+xml)。HTML的正确性可以使用一些工具,检验你html的正确性,比如W3CHTMLvalidator。不推荐的写法:
Thisisonlyatest.
推荐的写法:Test
Thisisonlyatest.
HTML的

7、语义性使用富含语义性的标签(ps:建议掌握html5新增的部分语义标签)。google特别指出了要确保html的可用性,看下面的代码不推荐的写法:Allrecommendations

推荐的写法:Allrecommendations多媒体元素降级处理给多媒体元素,比如canvas、videos、images增加alt属性,提高可用性(特别是常用的img标签,尽可量得加上alt属性,提供图片的描述

8、信息)。不推荐的写法:推荐的写法:html、c

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签