HTML代码书写规范指南
来源: 阅读:874 次 日期:2016-06-15 13:40:22
温馨提示: 小编为您整理了“HTML代码书写规范指南”,方便广大网友查阅!

通用约定

标签

自闭合(self-closing)标签,无需闭合 ( 例如: img input br hr 等 );

可选的闭合标签(closing tag),需闭合 ( 例如: 或

Baidu
map
);

尽量减少标签数量;

XML/HTML Code

1.Google

2.

3.

4.

    5.

  • Style
  • 6.

  • Guide
  • 7.

8.

9.

10.

11.

12.

13.

14.

15.

Class 与 ID

class 应以功能或内容命名,不以表现形式命名;

class 与 id 单词字母小写,多个单词组成时,采用中划线-分隔;

使用唯一的 id 作为 Javascript hook,同时避免创建无样式信息的 class;

XML/HTML Code

1.

2.

3.

4.

5.

属性顺序

HTML 属性应该按照特定的顺序出现以保证易读性。

id

class

name

data-xxx

src, for, type, href

title, alt

aria-xxx, role

XML/HTML Code

1.

2.

3.

4.

5....

引号

属性的定义,统一使用双引号。

XML/HTML Code

1.

2.Google

3.

4.

5.Google

b嵌套

a 不允许嵌套 div 这种约束属于语义嵌套约束,与之区别的约束还有严格嵌套约束,比如 a 不允许嵌套 a。

严格嵌套约束在所有的浏览器下都不被允许;而语义嵌套约束,浏览器大多会容错处理,生成的文档树可能相互不太一样。

语义嵌套约束

  • 用于