Google HTMLCSS代码风格指南(中文版).pdf

目 录 背景 背景 样式规则 排版规则 元数据规则 HTML代码风格规则 HTML代码格式规则 CSS 代码风格规则 CSS代码格式规则 CSS元数据规则 本文档使用 看云 构建 - 2 - 背景 背景 背景 本文档定义了HTML/CSS的编写格式和风格规则。它旨在提高合作和代码质量,并使其支持基础架构。适用于 HTML/CSS文件 ，包括GSS文件。 只要代码质量是可以被维护的 ，就能很好的被工具混淆、压缩和合并。 本文档使用 看云 构建 - 3 - 背景 背景 背景 本文档定义了HTML/CSS的编写格式和风格规则。它旨在提高合作和代码质量,并使其支持基础架构。适用于 HTML/CSS文件 ，包括GSS文件。 只要代码质量是可以被维护的 ，就能很好的被工具混淆、压缩和合并。 本文档使用 看云 构建 - 4 - 样式规则 样式规则 样式规则 协议 嵌入式资源书写省略协议头 省略图像、媒体文件、样式表和脚本等URL协议头部声明 ( http , https )。如果不是这两个声明的URL则不 省略。 省略协议声明 ，使URL成相对地址 ，防止内容混淆问题和导致小文件重复下载。 !-- 不推荐 -- script src http://www ./js/gweb/analytics/autotrack.js/script !-- 推荐 -- script src //www ./js/gweb/analytics/autotrack.js/script /* 不推荐 */ .example { background: url(http://www ./images/example); } /* 推荐 */ .example { background: url(//www ./images/example); } \n ```\n ```javascript\n \n \n ```\n ```CSS\n /* 不推荐 */\n .example {\n background url(http///images/example);\n }\n ```\n ```CSS\n /* 推荐 */\n .example {\n background url(///images/example);\n }\n ```\n},options{base ./,environment reader},style } 本文档使用 看云 构建 - 5 - 排版规则 排版规则 排版规则 缩进 每次缩进两个空格。 不要用TAB键或多个空格来进行缩进。 ul liFantastic liGreat /ul .example { color: blue; } 大小写 只用小写字母。 所有的代码都用小写字母 ：适用于元素名 ，属性 ，属性值 （除了文本和 CDATA ）， 选择器 ，特性 ，特性值 （除了字符串 ）。 !-- 不推荐 -- A HREF /Home/A !-- 推荐 -- img src google.png alt Google 行尾空格 删除行尾白空格。 行尾空格没必要存在。 !-- 不推荐 -- pWhat?_ !-- 推荐 -- pYes please. 本文档使用 看云 构建