原則
1.規範 。保證您的**規範，趨html5，遠xhtml，保證結構表現行為相互分離。
2.簡潔。保證**的最簡化，避免多餘的空格、空行，保持**的語義化，盡量使用具有語義的元素，避免使用樣式屬性和行為屬性。任何時候都要用盡量簡單、盡量少的元素解決問題。
3.實用。遵循標準，但是不能以犧牲實用性為代價。
4.忠誠。選擇一套規範，然後始終遵循。不管**由多少人參與，都應該看起來像乙個人寫的一樣。
語法
1.小寫。html標籤、html屬性全部小寫。
2.巢狀。所有元素必須正確巢狀。
3.閉合。雙標籤必須閉合，單標籤（自關閉標籤）不閉合。
[html] view plaincopy在code上檢視**片派生到我的**片
<
br/>
<
hr/>
<
br>
<
hr>
注釋
1.詳盡注釋。解釋**解決問題、解決思路、是否為新鮮方案等。
2.模組注釋。github建議不使用模組結束注釋。
[html] view plaincopy在code上檢視**片派生到我的**片
...
3.待辦注釋。
[html] view plaincopy在code上檢視**片派生到我的**片
...
文件
1.文件型別使用html5標準文件型別，文件型別宣告之前，不允許出現任何非空字元。不允許新增強制改變文件模式。
2.html元素上指定lang屬性。顯示頁面語言，有助於語言合成工具來確定怎樣發音，以及翻譯工具決定使用的規則，等等。
3.指定明確的字元編碼。讓瀏覽器輕鬆、快速的確定適合網頁內容的渲染方式。
4.ie相容模式。internet explorer 支援使用相容性 標籤來指定使用什麼版本的 ie 來渲染頁面。如果不是特殊需要，通常通過 edge mode 來通知 ie 使用最新的相容模式。
[html] view plaincopy在code上檢視**片派生到我的**片
5.head部分的順序：a.元素，b. 需要的js檔案（eg. moddernizr or html5 shiv），c. 元素，d.樣式表。
6.可以使用ie條件注釋的方式相容ie，但是不要新增額外的樣式表。
[html] view plaincopy在code上檢視**片派生到我的**片
屬性
元素
1.避免冗餘標籤。
2.避免js生成標籤。
3.段落文字應該用，避免使用
。4.列表項放、、，不要使用一系列的或
5.使用for屬性繫結。
6.使用標籤包裹radio或checkbox和他們的文字，不用再使用for屬性。
7.使用單選、複選替代下拉列表。（radio or checkbox instead of select menu）
8.form button應制定type型別，使用type="submit"、type="reset"或type="button"。
9.首要的表單按鈕首先出現(在dom中)，尤其是適用多個提交按鈕的場合。檢視中顯示的順序可以利用css修改。
10.有效使用、、、（scope屬性）。可以把放前提高載入速度。
[html] view plaincopy在code上檢視**片派生到我的**片
<table
summary
="this is a chart of invoices for 2011."
>
<
thead
>
<
tr>
<
th scope
="col"
>table header 1
th>
<
th scope
="col"
>table header 2
th>
tr>
thead
>
<
tfoot
>
<
tr>
<
td>table footer 1
td>
<
td>table footer 2
td>
tr>
tfoot
>
<
tbody
>
<
tr>
<
td>table data 1
td>
<
td>table data 2
td>
tr>
tbody
>
table
>
格式
1.soft tab。
2.巢狀縮排。
3.刪除行尾空格。
4.塊元素、列表元素、**元素都放在新行。
5.inline元素視情況換行。
6.努力保持每行長度小於80列，如果太長可換行。
[html] view plaincopy在code上檢視**片派生到我的**片
<
img
class
="block_element"
id="unicorn"
src=""
alt="unicorn, rainbows, poop and stuff"
width
="500"
height
="400"
/>
<
img
class
="block_element"
id="unicorn"
src=""
alt="unicorn, rainbows, poop and stuff"
width
="500"
height
="400"
>
前端編碼規範 HTML
1.使用四個空格來表示縮排，不要使用 tab 鍵 2.頁面文件型別統一使用html5 doctype.如下 3.宣告方法遵循html5的規範.推薦使用 utf 8 編碼.charset utf 8 4.建議對超過10行的頁面模組進行注釋,以降低開發人員的巢狀成本和後期的維護成本.例如 id samp...
前端開發編碼規範
1 專案命名 全部採用小寫方式，以下劃線分隔。例 my project name 2 目錄命名 參照專案命名規則 有複數結構時，要採用複數命名法。例 scripts,styles,images,data models 3 js檔案命名 參照專案命名規則。例 account model.js 4 cs...
規範 前端編碼規範 注釋規範
頂部新增檔案申明資訊，包括檔案描述 原始作者，如果有更新，則需要新增更新內容 更新作者和更新時間。description 說明文字 author 張三 description 說明文字 author 張三 update 更新內容 by 李四 2013 04 13 18 32 無論是單行注釋還是多行注...