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

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

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

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

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

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

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

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

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

需修改為：