html5 代码规范.pdfVIP

HTML5 代码规范 HTML5 代码规范 HTML 代码约定 很多 Web 开发⼈员对 HTML 的代码规范知之甚少。 在2000年⾄20 10年，许多Web开发⼈员从 HTML 转换到 XHTML 。 使⽤ XHTML 开发⼈员逐渐养 了⽐较好的 HTML 编写规范。 ⽽针对于 HTML5 ，我们应该形 ⽐较好的代码规范，以下提供了⼏种规范的建议。 使⽤正确的⽂档类型 ⽂档类型声明位于HTML⽂档的第⼀⾏： !DOCTYPE html 如果你想跟其他标签⼀样使⽤⼩写，可以使⽤以下代码： !doctype html 使⽤⼩写元素名 HTML5 元素名可以使⽤⼤写和⼩写字母。 推荐使⽤⼩写字母： 混合了⼤⼩写的风格是⾮常糟糕的。 开发⼈员通常使⽤⼩写 类似 XHTML) 。 ⼩写风格看起来更加清爽。 ⼩写字母容易编写。 不推荐: SECTION p这是⼀个段落。/p /SECTION ⾮常糟糕: Section p这是⼀个段落。/p /SECTION 推荐: section p这是⼀个段落。/p /section 关闭所有 HTML 元素 在 HTML5 中, 你不⼀定要关闭所有元素 例如 p 元素) ，但我们建议每个元素都要 添加关闭标签。 不推荐: section p这是⼀个段落。 p这是⼀个段落。 /section 推荐: section p这是⼀个段落。/p p这是⼀个段落。/p /section 关闭 的 HTML 元素 在 HTML5 中, 空的 HTML 元素也不⼀定要关闭： 我们可以这么写： meta charset=utf-8 也可以这么写： meta charset=utf-8 / 在 XHTML 和 XML 中斜线 /) 是必须的。 如果你期望 XML 软件使⽤你的页⾯，使⽤这种风格是⾮常好的。 使⽤⼩写属性名 HTML5 属性名允许使⽤⼤写和⼩写字母。 我们推荐使⽤⼩写字母属性名: 同时使⽤⼤写写是⾮常不好的习惯。 开发⼈员通常使⽤⼩写 类似 XHTML) 。 ⼩写风格看起来更加清爽。 ⼩写字母容易编写。 不推荐： div CLASS=menu 推荐： div class=menu 属性值 HTML5 属性值可以不⽤引号。 属性值我们推荐使⽤引号: 如果属性值含有空格需要使⽤引号。 混合风格不推荐的，建议统⼀风格。 属性值使⽤引号易于阅读。 以下实例属性值包含空格，没有使⽤引号，所以不能起作⽤: table class=table striped 以下使⽤了双引号，是正确的： table class=table striped 图⽚属性 图⽚通常使⽤ alt 属性。 在图⽚不能显⽰时，它能替代图⽚显⽰。 img src=html5.gif alt= HTML5 style=width:128px;height:128px 定义好图⽚的尺⼨，在加载时可以预留指定空间，减少闪烁。 img src=html5.gif alt=HTML5 style= width:128px;height:128px 格和等号 等号前后可以使⽤空格。 link rel = stylesheet href = styles.css 但我们推荐少⽤空格: link rel=stylesheet href=styles.css 避免⼀⾏代码过长 使⽤ HTML 编辑器，左右滚动代码是不⽅便的。 每⾏代码尽量少于 80 个字符。 ⾏和缩进 不要⽆缘⽆故添加空⾏。 为每个逻辑功能块添加空⾏，这样更易于阅读。 缩进使⽤两个空格，不建议使⽤ TAB 。 ⽐较短的代码间不要使⽤不必要的空⾏很缩进。 不必要的 ⾏和缩进: body h 1W3Cschool教程/h 1 h2HTML/h2 p 学技术，从W3Cschool开始。 学技术，从W3Cschool开始。 学技术，从W3Cschool开始。 学技术，从W3Cschool开始。 /p /body 推荐: body h 1W3Cschool教程/h 1 h2/h2 p学技术，从W3Cschool开始。 学技术，从W3Cschool开始。 学技术，从W3