Html 編碼規範

黃金定律：無論有多少人共同參與一個項目，選擇一套規範，而後始終遵循,必定要確保每一行像是一我的編寫的

1. 語法

• html標籤以及屬性應該所有小寫，
• 全部元素應該正確嵌套，編寫時嵌套元素應該縮進一次，也就是兩個空格。
• 雙標籤必須閉合，單標籤（自關閉標籤）不閉合，不要在自閉合（self-closing）元素的尾部添加斜線好比<input><img> <br><link>。

• 經過 JavaScript 生成的標籤讓內容變得不易查找、編輯，而且下降性能。能避免時儘可能避免。

     2. 屬性 

 

• HTML 屬性應當按照如下給出的順序依次排列，確保代碼

            class

            id

             name

             data-*

            src, for, type, href, value

            title, alt

            role, aria-*

• 對於屬性的定義，確保所有使用雙引號，毫不要使用單引號
• 省略type屬性。使用style、link、script，不用指定type屬性，由於 text/css 和 text/javascript 分別是他們的默認值。省略Boolean屬性值。Boolean屬性不用添加取值，disabled,checked,selected等。省略url類屬性資源協議頭。

3.格式

• soft tab。
• 嵌套縮進。
• 刪除行尾空格。
• 塊元素、列表元素、表格元素都放在新行。
• inline元素視狀況換行。
• 努力保持每行長度小於80列，若是太長可換行。

 4.元素

• 儘可能不要使用js標籤，避免冗餘標籤。
• 塊元素能夠包含內聯元素或某些塊元素，但內聯元素卻不能包含塊元素，它只能包含其它的內聯元素：
• 塊級元素不能放在<p>裏面：
•  有幾個特殊的塊級元素只能包含內嵌元素，不能再包含塊級元素，這幾個特殊的標籤是： 　　h一、h二、h三、h四、h五、h六、p、dt  
•  li 內能夠包含 div 標籤