摘要：標簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標簽務必加對應的結束標簽單標簽不遵循此標準，仍按原標準，即不需要以結束。視情況為鏈接添加，圖要添加及。明確指定圖的和。

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

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

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

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

省略圖片、樣式、腳本以及其他媒體文件 URL 的協(xié)議部分（http:,https:），除非文件在兩種協(xié)議下都不可用。這種方案稱為 protocol-relative URL，相對協(xié)議URL。好處是無論你是使用 HTTPS 還是 HTTP 訪問頁面，瀏覽器都會以相同的協(xié)議請求頁面中的資源，同時可以節(jié)省一部分字節(jié)。瀏覽器遇到相對 URL，會根據當前的網頁協(xié)議，自動在 // 前面加上相同的協(xié)議。如當前網頁是 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");
}

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

標簽要按順序合理嵌套.如：

需修改為：