DIV+CSS命名規(guī)范全記錄

2024-07-11 08:36:56

字體：大中小

來源：轉載

供稿：網(wǎng)友

我們開發(fā)CSS+DIV網(wǎng)頁（Xhtml）時候,比較困惑和糾結的事就是CSS命名，特別是新手不知道什么地方該如何命名，怎樣命名才是好的方法。

　　命名規(guī)則說明：

　　1）、所有的命名最好都小寫

　　2）、屬性的值一定要用雙引號("")括起來，且一定要有值如class="divcss5",id="divcss5"

　　3）、每個標簽都要有開始和結束，且要有正確的層次，排版有規(guī)律工整

　　4）、空元素要有結束的tag或于開始的tag后加上"/"

　　5）、表現(xiàn)與結構完全分離，代碼中不涉及任何的表現(xiàn)元素，如style、font、bgColor、border等

　　6）、定義，應遵循從大到小的原則，體現(xiàn)文檔的結構，并有利于搜索引擎的查詢。

　　7）、給每一個表格和表單加上一個唯一的、結構標記id

　　8）、給圖片加上alt標簽

　　9）、盡量使用英文命名原則

　　10）、盡量不縮寫，除非一看就明白的單詞

　　相對網(wǎng)頁外層重要部分CSS樣式命名：

　　外套wrap——————用于最外層頭部header—————-用于頭部主要內(nèi)容main————用于主體內(nèi)容（中部）左側main-left————-左側布局右側main-right———–右側布局導航條nav—————–網(wǎng)頁菜單導航條內(nèi)容content—————用于網(wǎng)頁中部主體底部footer—————–用于底部

　　DIV+CSS命名參考表：

　　以下為CSS樣式命名與CSS文件命名參考表，DIV CSS命名集合：