**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>
~~~
