一. html
（1）編碼：所有編碼均采用xhtml，標簽必須閉合，屬性值用雙引號包括，編碼統一為utf-8。
（2）語義化：語義化html，正確使用標簽。
（3）文件命名：命名以中文命名，依實際模塊命名，方便查找
（4）文件頭部head的內容
- title，需要添加標題
- 編碼charset=UTF-8
- 緩存：Content=’-1’表示立即過期。
在head標簽內引入css文件，有助於頁面渲染
引入樣式文件或JavaScript文件時， 須略去默認類型聲明.
頁腳引入javascript文件
（5）連接地址標簽：書寫鏈接地址時，避免重定向，如href=”
http://www.xxx.com/”，需在地址后面加‘/’
（6）盡可能減少div嵌套，如：根據重要性使用h1-6標簽，段落使用p，列表使用ul，內聯元素中不可嵌套塊級元素，為含有描述性表單元素（input，tetarea）添加label
（7）圖片
能以背景形式呈現的圖片，盡量寫入css樣式中
區分作為內容的圖片和作為背景的圖片，作為背景的圖片采用Css sprite技術，放在一張大圖里
重要圖片必須加上alt屬性，給重要的元素和截斷的元素加上title
（8）注釋：給區塊代碼及重要功能加上注釋，方便后台添加功能
（9）轉義字符：特殊符號使用轉義字符
（10）避免使用行內樣式，頁面結構清晰，明了
二. Css
（1）頁面內部盡量避免使用style屬性
（2）css放在head標簽中，由link標簽引入，使頁面的結構與表現分離。
（3）文件命名：以英文命名，后綴.css，共用：base.css，首頁：index.css，其他頁面樣式依具體模塊需求命名
（4）編碼統一為utf-8
（5）Class與id的使用：
Id:具有唯一性，是父級的，用於標識頁面上的特定元素，如header/footer/wrapper/left/right之類
Class:可以重復使用，可用於頁面上任意多個元素.
命名：以小寫英文字母、數字、下划線組合命名，避免使用中文拼音，盡量使用簡易的單詞組合，采用駝峰命名法和划線命名法，提高可讀性，如：Content，Content-img等。
（6）為JavaScript預留鈎子的命名， 以 js- 起始， 比如:js-right， js-left
（7）書寫代碼前，考慮樣式重復利用率，充分利用html自身屬性及樣式繼承原理減少代碼量，代碼建議單行書寫。方便修改.
（8）圖片
命名：小寫英文字母、數字、_ 的組合，使用有意義的名稱或英文簡寫，最好不要使用漢語拼音，區分大寫字。
使用雪碧圖技術， 減小http請求，sprite按模塊制作
（9）書寫順序：保證同類型屬性寫在一起，一般遵循布局定位屬性–>自身屬性–>文本屬性–>（由整到零）其他屬性的書寫格式
（10）書寫順序規則
定位屬性（比如：display， position， float， clear， visibility等）
自身屬性（比如：width， height， margin， padding， border等）
文本屬性（比如：font， line-height， text-align， text-indent， vertical-align等）
其他屬性（比如：color， background， opacity， cursor，content， list-style等）
（13）減少影響性能的屬性，如：position，float
（14）清除浮動方法:⑴clear：both⑵設置空div，設置width：100%，overflow：hidden；
（15）使用兄弟，子，相鄰選擇器，偽元素選擇器：first-child，last-child，nth-child（n）,n代表第幾個元素，n可為：add表奇數，even表示偶數；（ie支持情況不好）
3. Javascript
（1）文件編碼統一為utf-8， 書寫時， 每行代碼結束必須有分號‘;’，盡量根據需求編寫原生代碼開發.
（2）在頁腳引入javascript腳本body結束之前，采用外鏈引入形式，使頁面的結構與行為分離
（3）命名：
文件命名：以英文命名，后綴為.js，共用：common.js，其他命名可根據模塊需求命名
變量命名：駝峰式命名，原生JavaScript變量要求是純英文字母， 首字母須小寫， 如iTaoLun。變量集中聲明， 避免全局變量
類命名：首字母大寫，
駝峰式命名. 如 ITaoLun;
函數命名: 首字母小寫駝峰式命名. 如iTaoLun();
命名語義化， 盡可能利用英文單詞或其縮寫;
（4）
Javascrpt的typeof返回那些數據類型？
1.undefined未定義
2.boolean布爾值
3.string字符串
4.number數值
5.object對象
6.nullfunction函數
4.注釋規范
（1）html：注釋格式，”-”只能在注釋的始末位置，不可置入注釋文字區域
（2）Css：注釋格式
（3）Javascript：單行注釋：//這兒是注釋，多行注釋：
5. Css Hack 特殊符號
（1）* ：IE6/7都能識別*，標准瀏覽器不識別
（2）_：只有IE6識別
（3）！Important：IE6不識別，Firefox，IE7/8/9、chorme等主流瀏覽器均識別
（4）\9：所有瀏覽器均識別，包括IE6/7/8
（5）+：IE6/7/8識別
（6）書寫順序：先寫FF等非IE瀏覽器所需樣式，其次IE8，再次IE7，最后寫IE6
6.執行時間
window.onload必須等到頁面內包括圖片的所有元素加載完畢后才能執行。
$(document).ready()是DOM結構繪制完畢后就執行，不必等到加載完畢。
7.編寫個數不同
window.onload不能同時編寫多個，如果有多個window.onload方法，只會執行一個
$(document).ready()可以同時編寫多個，並且都可以得到執行
8.簡化寫法
window.onload沒有簡化寫法
$(document).ready(function(){})可以簡寫成$(function(){})