前端編碼規範 HTML

2021-08-20 06:12:48 字數 788 閱讀 8055

1.使用四個空格來表示縮排，不要使用 tab 鍵;

2.頁面文件型別統一使用html5 doctype. **如下：

3.宣告方法遵循html5的規範.推薦使用 utf-8 編碼.



charset="utf-8" />
4.建議對超過10行的頁面模組進行注釋, 以降低開發人員的巢狀成本和後期的維護成本.例如：



id="sample">


...div>


class="sample">


...div>


5.img 請勿將img元素作為定位布局的工具, 不要用他顯示空白; 給img元素增加alt屬性;例如


src="spreadsheet.png">




src="spreadsheet.png"


alt="spreadsheet screenshot.">
6.表單元素（媽耶…這個…）

推薦使用 button 代替 input, 但必須宣告 type;

推薦使用 fieldset, legend 組織表單

表單元素的 name 不能設定為 action, enctype, method, novalidate, target, submit 會導致表單提交混亂

7.

參考：

前端開發規範之html編碼規範

原則 1.規範 保證您的 規範，趨html5，遠xhtml，保證結構表現行為相互分離。2.簡潔。保證 的最簡化，避免多餘的空格 空行，保持 的語義化，盡量使用具有語義的元素，避免使用樣式屬性和行為屬性。任何時候都要用盡量簡單 盡量少的元素解決問題。3.實用。遵循標準，但是不能以犧牲實用性為代價。4....

前端編碼規範

從一篇文章上 前端編碼規範 摘取了自己還沒形成習慣的點 好的規範寫法 html語法 1.用兩個空格來代表製表符 tab 這是唯一能保證在所有 環境下獲得一致展現的方法 2.對於屬性的定義，確保全部使用雙引號，絕不要使用單引號 3.不要在自閉合元素的尾部新增斜線 屬性順序 html屬性應當按照以下給出...

HTML 編碼規範

firstli secondli ul body 在頁面開頭使用這個簡單的 doctype 來啟用標準模式，使其在每個瀏覽器中盡可能一致的展現 雖然 doctype 不區分大小寫，但是按照慣例，doctype 使用全大寫 doctype html 根據html5規範 應在 html 標籤上加上 la...