HTML編碼規範
阿新 • • 發佈：2020-07-08
|
HTML編碼規範 |
|||
| 目的: | 使HTML程式碼風格保持一致, 容易被理解和被維護 | ||
| 程式碼風格 | |||
| 縮排與換行: | 使用4個空格為一個縮排層級,tab鍵 = 4空格 | ||
| 命名: | 強制:class必須代表相應模組或部件的內容和功能. | ||
| 強制: id, class必須單詞全字母小寫, 單詞間以 - 分隔. | |||
| 建議: id, class在避免衝突並描述清楚的前提下儘可能短. | |||
| eg: navigation(n) -> nav(good) , comment(v) -> com(bad) | |||
強制 |
|||
| 1. 同一頁面, 應避免使用相同的name與id. | |||
IE 瀏覽器會混淆元素的idname屬性，document.getElementById可能獲得不期望的元素。所以在對元素的id與name屬性的命名需要非常小心。 |
|||
| 2. 對於無需自閉合的標籤, 不允許自閉合 | |||
|
eg. input, br, img, hr.... <input ...> (good), <input... />(bad) |
|||
| 3. 對HMTL5中允許省略的閉合標籤, 不允許省略閉合標籤 | |||
| 4. 在css可以實現相同需求的情況下不得使用表格進行佈局. | |||
| 建議 | |||
| 1. 標籤的使用盡量簡潔,減少不必要的標籤 | |||
| 2. 布林型別的屬性建議不新增屬性值 | |||
|
eg. <input type="text" disabled> <input type="checkbox" value="1" checked> |
|||
| 3. 自定義 | |||