**1、使用html5的文档声明**
~~~
<!DOCTYPE HTML>
~~~
**2、必须申明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码**
~~~
<meta charset="utf-8">
~~~
**3、title 不可缺少，控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。**
**4、keywords很重要，关键词，针对SEO。**
**5、description网站描述，字数尽量空制在80个汉字，160个字符以内**
**书写注释，方便程序开发嵌套。注释方式：**
~~~
* 开始注释：<!-- 注释 -->
* 结束注释：<!-- /end -->
* 允许只有开始注释
~~~
* 注意： 浮动的地方不要加注释，可能导致布局错位或文字的BUG。
**6、标签一定要正确嵌套，标签一定要闭合。**
**7、用div等标签布局；表格型数据，table首选。**
**8、代码风格采用树形结构，提高可读性；避免冗余嵌套。**
**9、模块之间必须保持独立，区块化布局，方便随意增删改，多人协作维护。**
* html模版
~~~
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>网站标题，控制在25个字、50个字节以内</title>
<meta name="keywords" content="关键词,5个左右,单个8汉字以内">
<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">
<link rel="Bookmark" href="favicon.ico" >
<link rel="Shortcut Icon" href="favicon.ico" />
<script type="text/javascript" src="jquery.min.js"></script
<!--[if lt IE 9]>
在IE9以下调用文件
<![endif]-->
<link href="h-ui/css/H-ui.css" rel="stylesheet" type="text/css" />
<link href="iconfont/iconfont.css" rel="stylesheet" type="text/css" />
<link href="h-ui/css/style.css" rel="stylesheet" type="text/css" /><!--自己的样式-->
<!--[if IE 6]>
在IE6时调用文件
<![endif]-->
</head>
<body>
<header>网站头部</header>
<div>内容部分</div>
<footer>页脚</footer>
</body>
</html>
~~~
