Web前端企業開發命名規範

2021-08-09 12:56:56 字數 1145 閱讀 8936

乙個好的前端專案**離不開好的命名規範,試想一下叫你接手乙個專案,你看到之前開發的**的命名一團糟,那是多麼痛苦的事啊。或者你自己把乙個專案命名的一團糟,等過段時間讓你重構該項目的時候,估計腸子都要悔青吧!

(一)網頁內容類

(二)注釋的寫法:

/* footer */

內容區

/* end footer */

(三)id的命名:

(1)頁面結構

(2)導航

(3)功能

(四)class的命名:

(1)顏色:使用顏色的名稱或者16進製制**,如

.red

.f60

.ff8600

(2)字型大小,直接使用」font+字型大小」作為名稱,如

.font12px

.font9pt

(3)對齊樣式,使用對齊目標的英文名稱,如

.left

.bottom

(4)標題欄樣式,使用」類別+功能」的方式命名,如

.barnews

.barproduct

注意事項:

1.一律小寫;

2.盡量用英文;

3.不加中槓和下劃線;

4.盡量不縮寫,除非一看就明白的單詞.

推薦的 css 書寫順序

//顯示屬性

display

list-style

position

float

clear

//自身屬性

width

height

margin

padding

border

background

//文字屬性

color

font

text-decoration

text-align

vertical-align

white-space

other text

content

Web前端命名規範大全

html5 1 所有的命名最好都小寫 2 屬性的值一定要用雙引號 括起來,且一定要有值如class divcss5 id divcss5 3 每個標籤都要有開始和結束,且要有正確的層次,排版有規律工整 4 空元素要有結束的tag或於開始的tag後加上 5 表現與結構完全分離,中不涉及任何的表現元素,...

前端開發命名規範 html css js

所有的命名最好都小寫。資料夾命名,盡量採取單個英語單詞描述,如login,index。html檔名稱,當需要多個英語單詞描述時用 下劃線 連線多個單詞分隔,如 user add.html,動詞放在後面,便於相同業務模組檔案放在一起。css,image,js檔名稱,當需要多個英語單詞描述時用 分隔線 ...

前端命名規範

html html 屬性應該按照特定的順序出現以保證易讀性。css 連字元css選擇器命名規範 js 變數,使用 camel 命名法。var loadingmodules 私有屬性 變數和方法以下劃線 開頭。var privatemethod 常量,使用全部字母大寫,單詞間下劃線分隔的命名方式。va...