一辙芍、代碼縮進：tab鍵設(shè)置四個空格
二啡彬、頁面的第一行添加標(biāo)準(zhǔn)模式聲明
<!DOCTYPE html>
三、html 根元素指定 lang 屬性故硅，從而為文檔設(shè)置正確的語言
<html lang="en-US"> 或 <html lang="zh-CN">
四庶灿、整個html中，只有開頭的DOCTYPE吃衅，lang往踢，meta三個地方可以大寫，其他均為小寫
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
</head>
</html>
五徘层、IE兼容模式峻呕，非特殊情況不加
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
六、HTML 中自閉合元素的標(biāo)簽不要斜線趣效，
使用： <br>
不使用：</br>,<br/>
七瘦癌、根據(jù) HTML5 規(guī)范，在引入 CSS 和 JavaScript 文件時不需要指定 type 屬性
八跷敬、盡量減少標(biāo)簽的使用讯私，來降低復(fù)雜度
九、標(biāo)簽內(nèi)屬性順序
class 用于標(biāo)識高度可復(fù)用組件西傀，因此應(yīng)該排在首位斤寇。id 用于標(biāo)識具體組件，應(yīng)當(dāng)謹(jǐn)慎使用（例如池凄，頁面內(nèi)的書簽）抡驼，因此排在第二位鬼廓。
1.class
2.id, name
3.data-*
4.src, for, type, href
5.title, alt
6.aria-*, role
十肿仑、注釋標(biāo)準(zhǔn)
<!--注釋內(nèi)容--!>
十一、命名規(guī)范
默認全小寫，默認使用"-"分隔符
圖片：head-logo.png
css：bootstrap-3.3.5.js尤慰，js：jquery-1.11.3.js
僅 id 屬性用 "_"：<p id="tb_head">id</p>馏锡，且 id 必須保證頁面唯一
其余 屬性用 "-" ：<p class="tb-head"; id="tb_head"; data-head="tb-head"> others </p>
class 必須代表相應(yīng)模塊或部件的內(nèi)容或功能，不得以樣式信息進行命名伟端。且不能有與id相同的命名
<!--正確--> <div class="sidebar"></div> <!--錯誤--> <div class="left"></div>
十二杯道、不指定網(wǎng)絡(luò)資源的協(xié)議
不要指定引入資源所帶的具體協(xié)議 (http/https)，除非這兩者協(xié)議都不可用责蝠。
不指定協(xié)議使得 URL 從絕對的獲取路徑轉(zhuǎn)變?yōu)橄鄬Φ牡辰恚谡埱筚Y源協(xié)議無法確定時非常好用，而且還能為文件大小節(jié)省幾個字節(jié)霜医。
<!--html 代碼-->
<script src="http://cdn.com/foundation.min.js"></script>
<!--css 代碼-->
.example {
background: url(//static.example.com/images/bg.jpg);
}
