很多 Web 开拓职员对 HTML 的代码规范知之甚少。
在2000年至2010年，许多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>
除此之外，中星
1、基于HTML5 Canvas的图表插件Chart.js
chart.js是一款基于HTML5 Canvas的图表插件，chart.js的功能非常强大，它不仅供应了常见的柱形图、折线图、饼状图，而且还供应了环形图、雷达图，样式外不雅观多样，图表的色彩搭配也比较清新。chart.js还有一个特点便是图表在初始化的时候有弹性动画殊效，这也是HTML5 Canvas的一大功劳。
柱形图折线图饼状图环形图雷达图极线图
2、HTML5 3D动画柱状图表
这次我们要分享一款很酷的HTML5 3D图表运用，它是一款柱状图表，呈3D的外不雅观样式，并且我们可以改变图表的颜色主题，让其更加符合你的需求。这款HTML5图表可以切换须要查看的图表数据，在切换的时候有不错的动画效果，而且，我们还可以切换图表的大小，以适应不同大小的浏览窗口。
3、CSS3 3D环形进度条 带进度百分比
这是一款基于纯CSS3的环形进度条，而且，从外不雅观上看，这款进度条很有3D立体的觉得，尤其是在进度条上有立体的投影，显得非常小巧迷人。其余，进度条的环形中心带有进度百分比，可以实时根据进度来更新百分比的数值，和之前分享的HTML5/CSS3扇形进度条动画比较有一定上风。
4、纯CSS3垂直Tab菜单 Tab样式可自定义
Tab菜单在网页上利用起来非常方便，也比较节省空间，以是很多门户网站很喜好用Tab菜单。本日我们要来分享一款垂直方向的Tab菜单，它是用纯CSS3实现的，加载和切换特殊灵巧。其余，Tab菜单的样式你可以利用CSS重新定义，扩展很方便。
、编码格式：利用UTF-8
请确保您的编辑器利用的字符编码为UTF-8，没有字节顺序标记。在html模板或文档中通过meta来定义编码格式。
6、注释
根据须要阐明代码，这个就不多说了，团队开拓这个非常主要，只管很多时候大家不愿意遵守，但确实主要！
7、TODO待定项
尚未实现的或待定的内容一定要标识强调出来，利用TODO辨识，而非其他诸如@@来强调。在todo项中如果有必要列明联系人，比如卖力人。在TODO后追加一个冒号作为行动内容，例如TODO：为网站增加html5模板。
