摘要：標(biāo)簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標(biāo)簽務(wù)必加對應(yīng)的結(jié)束標(biāo)簽單標(biāo)簽不遵循此標(biāo)準(zhǔn)，仍按原標(biāo)準(zhǔn)，即不需要以結(jié)束。視情況為鏈接添加，圖要添加及。明確指定圖的和。

作為一個前端工程師，我們可能每天都要寫html、css、javascript，每個人寫出來的代碼都飽含著自己的個人的style也有自己的編碼習(xí)慣和準(zhǔn)則，下面和大家分享一下我的習(xí)慣和準(zhǔn)則。

首先我們要對文檔進行規(guī)范，就要添加來對文檔進行規(guī)范。關(guān)于 w3c有相應(yīng)的說明。 傳送門

編碼統(tǒng)一采用utf-8,即可

頁?中引?css樣式或js時，不需要加類型聲明。如：

省略圖片、樣式、腳本以及其他媒體文件 URL 的協(xié)議部分（http:,https:），除非文件在兩種協(xié)議下都不可用。這種方案稱為 protocol-relative URL，相對協(xié)議URL。好處是無論你是使用 HTTPS 還是 HTTP 訪問頁面，瀏覽器都會以相同的協(xié)議請求頁面中的資源，同時可以節(jié)省一部分字節(jié)。瀏覽器遇到相對 URL，會根據(jù)當(dāng)前的網(wǎng)頁協(xié)議，自動在 // 前面加上相同的協(xié)議。如當(dāng)前網(wǎng)頁是 http 訪問，那么所有的相對引用 // 都會變成http://。https 同理。如果你在本地查看，協(xié)議就會變成 file://。這種用法幾乎所有的瀏覽器都能支持，只有在 IE7/8 下會有一點小問題，就是通過相對 URL 引用的 CSS 文件（無論 或 @import ）會被下載兩遍。所以對性能有一點影響。

/* Not recommended */
.example {
  background: url("https://www.google.com/images/example");
}
/* Recommended */
.example {
  background: url("http://www.google.com/images/example");
}

標(biāo)簽、屬性、屬性名全部?寫，屬性值?"" (雙引號) 引起來，每個雙標(biāo)簽務(wù)必加對應(yīng)的結(jié)束標(biāo)簽（單標(biāo)簽不遵循此標(biāo)準(zhǔn)，仍按原 html 標(biāo)準(zhǔn)，即不需要以"/>"結(jié)束）。提醒：IE 下的頁?變形很多都與標(biāo)簽未閉合或嵌套錯誤有關(guān)系。

標(biāo)簽要按順序合理嵌套.如：

需修改為：