HTML的语法：
对于属性的定义，确保全部使用双引号，绝不要使用单引号；
不要再自闭合(self-closing)元素的尾部添加斜线；
不要省略可选的结束标签(closing tag).
语言属性：
根据html5规范：强烈建议为html根元素指定lang属性，从而为文档设置正确的语言。
这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵循的规则等。
<html lang="zh-CN">
<!-- ... -->
</html>IE兼容模式：
IE通过指定的<meta>标签来确定绘制当前页面所采用的IE版本。
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
字符编码：
通过声明字符编码，能够确保浏览器快速病容易的判断页面内容的渲染方式。
避免在HTML中使用字符实体标记(character entity)，从而全部与编码格式一致（一般采用UTF-8编码）。
<head>
<meta charset="UTF-8">
</head>
引入CSS与JavaScript文件：
根据H5规范，在引入CSS和JS文件时一般不需要指定type属性，因为text/css和text/javascript分别是他们的默认值。
<!-- External CSS -->
<link rel="stylesheet" href="code-guide.css">
<!-- In-document CSS -->
<style>
/* ... */
</style>
<!-- JavaScript -->
<script src="code-guide.js">
</script>
属性顺序：
确保代码的易读性：
class
id,name
data-*
src,for,type,href
title,alt
aria-*,role
class 用于标识高度可复用组件，因此应该排在首位。
布尔型属性：
布尔型属性可以在声明时不赋值。XHTML规范要求为其赋值，H5规范不要求。
元素的布尔型属性如果有值，就是true,如果没有值，就是false。
<input type="text" disabled> <input type="checkbox" value="1" checked> <select> <option value="1" selected>1</option> </select>
减少标签的数量：编写html代码时，尽量避免多余的父元素。
本文出自 “Keepuping” 博客，转载请与作者联系！
原文地址：http://kaolaa.blog.51cto.com/11786905/1794143
