Google HTML/CSS Style Guide

2019独角兽企业重金招聘Python工程师标准>>>

超级实用的html/css 推荐语法和样式，先来张概图：

这里，我不会一一叙述，只会挑出比较重要和容易忽略的规范

1 Protocol

省略协议http/https

2 Indent 缩进

保持2个字符的缩进，实用空格键，不要实用tab

3 使用小写字母

所有的code都使用小写字母：html element name,attributes,attribute values, css selectors, properties, property values

4 Encoding 编码

包括html/css编码：

/* html encode */
<meta charset='utf-8'>

/* css encode */
@charset "utf-8";

5 Action TODO: action item

<!-- TODO: remove optional tags -->
<ul>
  <li>Apples</li>
  <li>Oranges</li>
</ul>

6 Entity Reference

7 Optional Tags

8 HTML Quotation Marks

使用双引号("")代替单引号('')

9 避免在css 的 id/class selector 前面添加type

10 16进制色值可以使用三位的，避免使用6位

11 CSS id 和 class 命名连字符

使用‘-’

12 CSS 样式声明的空格

13 CSS规则的空行

每个css 规则之间间隔一行

14 CSS Quotation

attribute selector 或者 property values 使用单引号，url属性值不加引号

 

参考资料：https://google.github.io/styleguide/htmlcssguide.xml?showone=Displaying_Hidden_Details_in_This_Guide

转载于:https://my.oschina.net/u/2510955/blog/750272