[TOC]

HTML編程規范

1 前言

無

2 代碼風格

2.1 文件

[建議] 用不帶 BOM 頭的 UTF-8 編碼

用沒有字節順序標記的UTF-8編碼格式進行編寫。

在HTML模板和文件中指定編碼 . 不需要制定樣式表的編碼，它默認為UTF-8.

2.2 結構

2.2.1 縮進

[強制] 每次縮進 4 個空格，不允許使用 2 個空格過 tab 字符

[強制] 每個塊元素、列表元素或表格元素都獨占一行，每個子元素都相對于父元素進行縮進

將塊元素、列表元素或表格元素都放在新行。

另外，需要縮進塊元素、列表元素或表格元素的子元素。

(如果出現了列表項左右空文本節點問題，可以試著將所有的 li 元素都放在一行。 )

Space, the final frontier.

• 一
• 二
• 三

姓名年齡

張三16

[強制] html、head、body 以及 head 和 body 的直接子元素不縮進

2.2.2 空格

[強制] 元素屬性中的 = 左右不能出現空格

...

...

...

...

2.2.3 換行

[建議] 每行代碼不超過 120 個字符

考慮到 html 的特殊性，不作強制要求。

2.3 注釋

[建議] 在模塊的開始和結束位置添加模塊開始/結束注釋

這樣做是很有必要的，可以使代碼結構更加清晰，便于維護，尤其是模塊代碼很多行的時候。

開始注釋：。

結束注釋：。

模塊代碼比較少的時候允許只有開始注釋！

logo

• nav1
• nav2

3 語言特性

3.1 DOCTYPE

[強制] 使用HTML5標準，且DOCTYPE大寫

DOCTYPE 不可省略。

3.2 元素

[強制] 元素名必須小寫

[強制] 不要省略可選的結束標簽(closing tag)

這是一段文本

這是一段文本

[強制] 不要在自閉合元素(Void elements)尾部添加斜線

常見的自閉合元素：

---

不太常見的無內容元素：

示例：

[強制] 標簽必須合理地嵌套

塊元素可以包含內聯元素或塊元素。

內聯元素不能包含塊元素。

幾個特殊的塊元素只能包含內聯元素，不能包含塊元素：h1-h6、p、dt、caption、hr。

其他規則，如 tbody 必須置于 table 中。

[建議] 合理使用語義化標簽

合理使用，不濫用。

原因：SEO優化。

[建議] 不使用樣式有關的元素

如center、u 等等。

[建議] 減少不必要的嵌套

3.3 屬性

[強制] 屬性必須小寫

[建議] 自定義屬性以 data- 開頭

[強制] 屬性值必須用雙引號包圍

不允許使用單引號，不允許不加引號。

總結

以上是生活随笔為你收集整理的html源码md风格,code/html.md at master · Rongx/code · GitHub的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。