一、網頁制作中規範使用DIV+CSS命名規則，可以改善優化功效特別是團隊合作時候可以提供合作制作效率。

所有的命名最好都小寫

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

每個標籤都要有開始和結束，且要有正確的層次，排版有規律工整

空元素要有結束的tag或於開始的tag後加上"/"

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

<h1>到<h5>的定義，應遵循從大到小的原則，體現文檔的結構，並有利於搜索引擎的查詢。

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

給圖片加上alt標籤

盡量使用英文命名原則

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

二、相對網頁外層重要部分CSS樣式命名：

外套 wrap ----------------用於最外層

頭部 header --------------用於頭部

主要內容 main ------------用於主體內容（中部）

左側 main-left ------------左側布局

右側 main-right -----------右側布局

導航條 nav -----------------網頁菜單導航條

內容 content ---------------用於網頁中部主體

底部 footer -----------------用於底部

DIV+CSS命名小結：

無論是使用“.”（小寫句號）選擇符號開頭命名，還是使用“#”(井號)選擇符號開頭命名都無所謂，但我們最好遵循。

主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名，其它都用“.”（小寫句號）選擇符號開頭命名，同時考慮命名的CSS選擇器在HTML中重複使用調用。

通常我們最常用主要命名有：

wrap（外套、最外層）、header（頁眉、頭部）、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標籤使用)

、content (內容區)、footer(頁腳、底部)、logo（標誌、可以配合h1標籤使用）、banner（廣告條，一般在頂部）、copyRight（版權）。