Web 前端程式碼規範

Web 前端程式碼規格

最後更新時間：2017-06-25

原文連結：

此項目用於記錄規格的、高可維護性的前端程式碼，這是透過分析Github 眾多前端程式庫，總結出來的前端程式碼書寫規格。

目錄

1. 前端普適性規格

2. #HTML 規格

3. ## CSS 規格

4. JS 規格

License

public domain, Just take it.

#Thanks

@Ruan YiFeng: 

@materliu：https://materliu.github.io/code-guide

@hzlzh: 

@tguide: 

前端普適性規範

黃金定律

永遠遵循同一套編碼規範，可以是這裡列出的，也可以是你自己總結的。如果你發現本

規格中有任何錯誤，請指正。

不管有多少人共同參與同一項目，一定要確保每一行程式碼都像是由同一個人寫的。

專案命名

專案名稱全部採用小寫方式，以中劃線分隔，禁止駝峰式命名。例如：my-project-name

檔案命名

檔案命名參考上一條規則，多個單字組成時，採用中劃線連接方式，比如說: error-report.html

有複數結構時，要採用複數命名法，比如說​​： scripts, styles, images, data-models

檔名中只可由小寫英文字母a~z、排序數字0~ 9或間隔符號-組成，禁止包含特殊符號，例如空格、$等

為更好的表達語義，檔案名稱使用英文名詞命名，或英文簡寫。

不允許命名帶有廣告等英文的單字，例如ad,adv,adver,advertising，防止該模組被瀏覽器當成垃圾廣告過濾掉。任何文件的命名均如此。

• index.shtml 引導頁&首頁

• #main.shtml 首頁

• download.shtml下載頁面

• act.html 活動清單頁面

• #video.html 影片

• cdkey. html CDKEY頁面

• base.css 基本樣式

• #layout.css 框架佈局

• module .css 模組樣式

• global.css 全域樣式

• font.css 字型樣式

• index.css 首頁樣式

• link.css 連結樣式

• print.css 列印樣式

HTML 規格

語法

使用四個空格的縮進，這是保證程式碼在各種環境下顯示一致的唯一方式。

巢狀的節點應該要縮排（四個空格）。

在屬性上，使用雙引號，不要使用單引號。

不要在自動閉合標籤結尾處使用斜線 - HTML5 規範 指出他們是可選的。

不要忽略可選的關閉標籤（例如， 和

以上是Web 前端程式碼規範的詳細內容。更多資訊請關注PHP中文網其他相關文章！