Google HTML/CSS代码风格指南

AG亚游集团,你们《关于建议设立“全国科技工作者日”的请示》(科协发组字〔2016〕85号)收悉。同意自2017年起,将每年5月30日设立为“全国科技工作者日”。具体工作由你们商有关部门组织实施。

  悲观不是应对中国崛起的好办法。中国若成为本地区霸主,这不令人意外。但笔者访华时考虑了这个问题,找到了抱有希望的一些理由。紧张和分歧或许不可避免,但军事冲突和绝非必然。藏在农村的暴利小生意全国文明家庭代表 兰华雄(福建): 一个家庭对于他本身,还有家庭的其他成员的工作、生活、成长,是影响很大。正如习总书记讲的,有什么样的家风,就会产生什么样的下一代,这是非常经典的。

修正版本 2.1
原文:AG亚游集团/google-styleguideaff4googlecodeaff4com/svn/trunk/htmlcssguide.xml

每个风格点都有一个展开/收起按钮以便你可以得到更多的信息:?. 你可以将全部展开或收起:

? 全部展开/全部收起
内容树

背景

本文档定义了HTML/CSS的编写格式和风格规则。它旨在提高合作和代码质量,并使其支持基础架构。适用于HTML/CSS文件,包括GSS文件。 只要代码质量是可以被维护的,就能很好的被工具混淆、压缩和合并。

样式规则

AG亚游集团协议

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

排版规则

缩进

原文 ?
每次缩进两个空格。

大小写

原文 ?
只用小写字母。

行尾空格

原文 ?
删除行尾白空格。

元数据规则

编码

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

注释

原文 ?
尽可能的去解释你写的代码。

活动的条目

原文 ?
TODO 标记代办事项和正活动的条目

HTML代码风格规则

文档类型

原文 ?
请使用HTML5标准。

HTML代码有效性

原文 ?
尽量使用有效的HTML代码。

语义

原文 ?
根据HTML各个元素的用途而去使用它们。

多媒体后备方案

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

关注点分离

AG亚游集团 原文 ?
将表现和行为分开。

实体引用

原文 ?
不要用实体引用。

可选标签

原文 ?
省略可选标签(可选)。

type属性

原文 ?
在样式表和脚本的标签中忽略 type 属性

HTML代码格式规则

格式

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

CSS代码风格规则

CSS代码有效性

原文 ?
尽量使用有效的CSS代码。

ID和class的命名

原文 ?
为ID和class取通用且有意义的名字。

ID和class命名风格

原文 ?
非必要的情况下,ID和class的名称应尽量简短。

类型选择器

原文 ?
避免使用CSS类型选择器。

属性缩写

原文 ?
写属性值的时候尽量使用缩写。

0和单位

原文 ?
省略0后面的单位。

AG亚游集团0开头的小数

原文 ?
省略0开头小数点前面的0。

URI外的引号

原文 ?
省略URI外的引号。

十六进制

原文 ?
十六进制尽可能使用3个字符。

前缀

原文 ?
选择器前面加上特殊应用标识的前缀(可选)。

ID和class命名的定界符

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

Hacks

原文 ?
最好避免使用该死的CSS “hacks” —— 请先尝试使用其他的解决方法。

CSS代码格式规则

声明顺序

原文 ?
依字母顺序进行声明。

代码块内容缩进

原文 ?
缩进所有代码块(“{}”之间)内容。

声明完结

原文 ?
所有声明都要用“;”结尾。

AG亚游集团属性名完结

原文 ?
在属性名冒号结束后加一个空字符。

选择器和声明分行

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

规则分行

原文 ?
每个规则独立一行。

CSS元数据规则

注释部分

AG亚游集团 ?
按组写注释。(可选)

吐槽部分

坚持一致原则

如果你要编辑代码,先花几分钟看看它的代码风格,如果它这么做,那你也应该这么做。

风格统一了,就有了一个共同思维的环境,参与者就可以专注的看你要说什么,而不是先想你是在说哪星球的语言。 虽然我们在这里提出统一样式规则,但就只是想让大家都知晓并借鉴而对自己的风格进行修正。 当然,保持自己独有的风格也是很重要的。balabala……

修正版本 2.1
译者:chajn - 新浪微博:@chajn

济南发布养犬通告:外出遛狗时狗绳最长1.5米 于欢案背后吴学占团伙涉黑案12日开庭:涉9个罪名 普利司通公开赛裴希卿夺日巡首胜 卢晓晴并列第五 女子家暴丈夫十多年 曾开车把丈夫撞成粉碎性骨折 曝阿尔斯兰从国奥调至蓝队 父亲曾是八一主帅 韩国男篮归化外援拉特利夫更名为“罗健儿” 当初咋起的名?网友:爸姓刘妈姓董 外公给取刘懂事 中纪委机关报谈区块链:如何理解并适度监管是挑战 围甲联赛陈耀烨孤掌难鸣 中信北京1-3负江西 日本保留针对美国钢铝关税采取对等举措的权力 脱管罪犯再犯罪致1死1伤 被追责法官:我是替罪羊 看着解放军近50艘军舰离开背影 台当局忽然回过神
震惊!手机App窥私再遭吐槽:12306卖票还要看相册 踢掉经济军师科恩 特朗普擂响关税战鼓 马光瑜委员:我国有中小学生约2亿 12%的儿童超重 澳门立法会主席贺一诚:澳门要发挥休闲之都优势 关小刀竞彩:拜仁占据先机 斯塔贝克回暖 你不了解的舒帅:慈祥成熟 为丰特世界杯前程考虑 熬夜看完东决G1 你还认为绿军这人是在吹牛吗? G20财长会:美贸易保护政策遭多国批评 领跑冷知识:跑步短裤里为什么多块布? 黄晓明携鲜肉团帅气来袭 获奖感言成金句 解读争议:对方好球被吹越位 裁判漏判皇马点球 骑士旧将狂轰54分!老汉遭到10000点伤害!
贸易战战鼓声渐响重创股市 原油市场焉能置身事外 韩国制作公司指责爱奇艺屡次抄袭 相似度刷爆纪录 马斯克平民版Model 3梦碎 特斯拉只好推贵族车止血 周鸿祎谈无人驾驶:特斯拉每出一辆车都能模拟劫持 俄男子火速交清拖欠的抚养费 原因是想出国看球赛 中国热门App抖音惹争议 西媒称其堪比21世纪鸦片 什么是跑步中的“极点现象” 如何摆脱这种状态? 瑞典34岁长腿美女成网红 曾因个高体瘦被嘲笑(图) 飓风灾后借“东风” 波多黎各欲靠虚拟货币华丽转身 身无分文怎样白手起家 女生最吃香的十大职业 什么项目前景好 需要钱的的给我打电话 AG亚游集团