• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>html代码规范

html代码规范

1.请使用正确的文档类型

请始终在文档的首行声明文档类型:<!DOCTYPE html> 如果您一贯坚持小写标签,那么可以使用:<!doctype html>

2. 使用小写元素名

HTML5 元素名可以使用大写和小写字母,推荐使用小写字母

  • 混合了大小写的风格是非常糟糕的
  • 开发人员通常使用小写
  • 小写风格看起来更加清爽
  • 小写字母容易编写

3. 使用小写属性名

HTML5 属性名可以使用大写和小写字母,推荐使用小写字母

4. 关闭所有 HTML 元素

在 HTML5 中, 你不一定要关闭所有元素 (例如

元素),但我们建议每个元素都要添加关闭标签

5. 关闭空的 HTML 元素

在 HTML5 中, 空的 HTML 元素也一定要关闭 : <meta charset="utf-8" />

6. 属性值引号

HTML5 属性值可以不用引号。属性值我们推荐使用引号

  • 如果属性值含有空格需要使用引号
  • 混合风格不推荐的,建议统一风格
  • 属性值使用引号易于阅读

7. 空格和等号

等号前后可以使用空格,但我们推荐:少用空格: <link rel="stylesheet" href="styles.css">

8. 图片属性

图片通常使用 alt 属性。 在图片不能显示时,它能替代图片显示 定义好图片的尺寸,在加载时可以预留指定空间,减少闪烁

9. 避免长代码行

当使用 HTML 编辑器时,通过左右滚动来阅读 HTML 代码很不方便。请尽量避免代码行超过 80 个字符

10. HTML 注释

短注释应该在单行中书写,并在 <!-- 之后增加一个空格,在 --> 之前增加一个空格

长注释,跨越多行, 应该通过 在独立的行中书写

长注释更易观察,如果它们被缩进两个空格的话

11.样式表

  • 开括号与选择器位于同一行。
  • 在开括号之前用一个空格
  • 使用两个字符的缩进
  • 在每个属性与其值之间使用冒号加一个空格
  • 在每个逗号或分号之后使用空格
  • 在每个属性值对(包括最后一个)之后使用分号
  • 只在值包含空格时使用引号来包围值
  • 把闭括号放在新的一行,之前不用空格
  • 避免每行超过 80 个字符