Google 今日发布 HTML/CSS 代码风格指南 (Google HTML/CSS Style Guide), 事实上这不是一套完整的开发规范, 我们可以认为是一份简单的开发建议.
与我在《使用 Google Closure Linter 校验 JavaScript 代码》中提到的 Google JavaScript Style Guide 一样, 这份只能内容很少, 我用了不到一个小时就看完了, 从这份短小的代码风格指南找到一些有意思的内容. 下文我会列举两项.
省略资源文件的协议
建议省略掉图片, 媒体文件, 样式和脚本 URL 中的协议部分 (http:, https:), 省略掉协议部分后, 资源文件将继承页面 URL 的协议. 不但可以防止内容混用的问题, 还可以减小页面的尺寸. 比如: 引用一个 JavaScript 文件可以用下面建议的方式来写.
省略掉可选的标签
用过 Dreamwave 的同学应该有印象, 当你创建一个 HTML 文件, 默认有代码如下.
<html> <head> </head> <body> </body> </html>
我们会将 title, 外部 CSS 和 JavaScript 引用放在 head 区域, 在页面上展示的内容放在 body 里面, 但其实 html, head 和 body 都是可省略的标签.
将这些可选标签删除之后, 看起来很怪, 但页面显示正常, W3C 检测也能通过. 我已经在博客上这样处理了. 但有一点需要注意的, 如果你希望用 XHTML 编写页面, 那么请保留 html 标签, 因为你仍需要下面这句代码作为声明.
<html xmlns="http://www.w3.org/1999/xhtml">
后话
Google 的 HTML/CSS 代码风格指南是一个短小精悍的建议性代码编写手册, 很有用, 但请不要迷信. 像里面有一项, 建议使用两个空格作为缩进, 在很多团队可能不具有可行性, 我们团队现在用的还是 tab.
该手册中很多 HTML 建议都是针对 HTML5 的, 但这里是用 HTML 风格而非 XHTML 风格, 很多地方为了省略代码实际上削弱了代码的可读性, 大家应该对其取舍有所判断.