HTML5语法
HTML编码惯例
Web开发人员在使用HTML时，往往有不确定的编码风格和语法.
2000和2010之间，许多Web开发人员从HTML转换到XHTML.
在XHTML中，开发人员被迫写出有效的和结构良好的代码.
HTML5说到的代码验证有点儿马虎.
聪明和未来的证明
一个一贯使用的风格，让别人了解你的HTML更容易.
在未来，如XML阅读器，可以阅读你的HTML.
使用形式好的更“接近XHTML的”语法，可以更聪明.
始终保持您的代码整洁，干净，并形成良好.
使用正确的文档类型
始终将文档类型声明为文档中的第一行:
<!DOCTYPE html>
如果你想私有小写标签，您可以使用:
<!doctype html>
使用小写的元素名称
HTML5允许混合大写和小写字母的元素名称.
我们建议使用小写元素名称，因为:
- 混合大写和小写的名字是不好的
- 开发者通常使用小写名称 (像在XHTML里面一样)
- 小写字母看起来更干净
- 小写更容易写
不好的:
<SECTION>
<p>这是一个段落.</p>
</SECTION>
非常不好的:
<Section>
<p>这是一个段落.</p>
</SECTION>
好的:
<section>
<p>这是一个段落.</p>
</section>
关闭所有的HTML元素
在HTML5中，你不需要关闭所有的元素 (例如 <p> 元素).
我们建议您关闭所有的HTML元素.
不好的:
<section>
<p>这是一个段落.
<p>这是一个段落.
</section>
好的:
<section>
<p>这是一个段落.</p>
<p>This is a paragraph.</p>
</section>
关闭空的HTML元素
在HTML5中，是否关闭空元素是可选的.
允许的:
<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=striped>
好:
<table class="striped">
图像属性
总是为图片添加“alt”属性。当某些原因无法显示图像时，此属性非常重要。此外，始终定义图像宽度和高度。它减少了闪烁，因为浏览器可以预留空间的图像加载前。
不好:
<img src="html5.gif">
好:
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
空间与等号
HTML5允许在等号的空格。但空间更小更容易阅读，更好地组合实体.
不好:
<link rel = "stylesheet" href = "styles.css">
好:
<link rel="stylesheet" href="styles.css">
避免长代码行
使用HTML编辑器时，它是向右滚动不便读取右边的HTML代码.
尽量避免代码行长于80个字符.
原文：http://www.codingdict.com/article/1454
