Google HTML/CSS风格攻略

批改版别 2.1
原文:http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml

每个风格点都有一个打开/收起按钮以便你能够得到更多的信息:. 你能够将悉数打开或收起:

悉数打开/悉数收起
内容树

布景

本文档界说了HTML/CSS的编写格局和风格规矩。它旨在进步合作和质量,并使其支撑根底架构。适用于HTML/CSS文件,包含GSS文件。 只需质量是能够被保护的,就能很好的被东西混杂、紧缩和兼并。

款式规矩

协议

原文
嵌入式资源书写省掉协议头

排版规矩

缩进

原文
每次缩进两个空格。

巨细写

原文
只用小写字母。

行尾空格

原文
删去行尾白空格。

元数据规矩

编码

原文
用不带BOM头的 UTF-8编码。

注释

原文
尽或许的去解说你写的。

活动的条目

原文
TODO 符号署理事项和正活动的条目

HTML风格规矩

文档类型

原文
请运用HTML5标准。

HTML有用性

原文
尽量运用有用的HTML。

语义

原文
依据HTML各个元素的用处而去运用它们。

多媒体后备计划

原文
为多媒体供给备选内容。

关注点别离

原文
将体现和行为分隔。

实体引证

原文
不要用实体引证。

可选标签

原文
省掉可选标签(可选)。

type特点

原文
在款式表和脚本的标签中疏忽 type 特点

HTML格局规矩

格局

原文
每个块元素、列表元素或表格元素都独占一行,每个子元素都相关于父元素进行缩进。

CSS风格规矩

CSS有用性

原文
尽量运用有用的CSS。

ID和class的命名

原文
为ID和class取通用且有含义的姓名。

ID和class命名风格

原文
非必要的情况下,ID和class的称号应尽量简略。

类型选择器

原文
防止运用CSS类型选择器。

特点缩写

原文
写特点值的时分尽量运用缩写。

0和单位

原文
省掉0后边的单位。

0最初的小数

原文
省掉0最初小数点前面的0。

URI外的引号

原文
省掉URI外的引号。

十六进制

原文
十六进制尽或许运用3个字符。

前缀

原文
选择器前面加上特别运用标识的前缀(可选)。

ID和class命名的定界符

原文
ID和class姓名有多单词组合的用短破折号“-”分隔。

Hacks

原文
最好防止运用该死的CSS “hacks” —— 请先测验运用其他的解决办法。

CSS格局规矩

声明次序

原文
依字母次序进行声明。

块内容缩进

原文
缩进一切块(“{}”之间)内容。

声明完毕

原文
一切声明都要用“;”完毕。

特点名完毕

原文
在特点名冒号完毕后加一个空字符。

选择器和声明分行

原文
将选择器和声明隔行。

规矩分行

原文
每个规矩独立一行。

CSS元数据规矩

注释部分

原文
按组写注释。(可选)

吐槽部分

坚持一起准则

假如你要批改,先花几分钟看看它的风格,假如它这么做,那你也应该这么做。

风格一起了,就有了一个一起思想的环境,参与者就能够专心的看你要说什么,而不是先想你是在说哪星球的言语。 尽管咱们在这里提出一起款式规矩,但就仅仅想让我们都知晓并学习而对自己的风格进行批改。 当然,坚持自己独有的风格也是很重要的。balabala……

批改版别 2.1
译者:chajn - 新浪微博:@chajn