1、現(xiàn)在，越來(lái)越多的網(wǎng)站開(kāi)始采用DIV+CSS的技術(shù)，因?yàn)檫@是Web 2.0標(biāo)準(zhǔn)的要求，而且有利于搜索引擎的收錄，即SEO。我們?cè)谧鯠IV+CSS中不免會(huì)遇到許多樣式的命名，取好樣式的名稱也是有利于SEO的，下面給出DIV+CSS命名規(guī)則，從而有利于增強(qiáng)SEO。 1、class 的命名 頁(yè)頭：header 登錄條：loginBar 標(biāo)志：logo 側(cè)欄：sideBar 廣告：banner 導(dǎo)航：nav 子導(dǎo)航：subNav 菜單：menu 子菜單：subMenu 搜索：search 滾動(dòng)：scroll 頁(yè)面主體：main 內(nèi)容：content 標(biāo)簽頁(yè)：tab 文章列表：list 提示信息：msg

2、小技巧：tips 欄目標(biāo)題：title 加入：joinus 指南：guild 服務(wù)：service 熱點(diǎn)：hot 新聞：news 下載：download 注冊(cè)：regsiter 狀態(tài)：status 按鈕：btn 投票：vote 合作伙伴：partner 友情鏈接：friendLink 頁(yè)腳：footer 版權(quán)：copyRight 2、id的命名 外套：wrap 主導(dǎo)航：mainNav 子導(dǎo)航：subnav 頁(yè)腳：footer 整個(gè)頁(yè)面：content 頁(yè)眉：header 頁(yè)腳：footer 商標(biāo)：label 標(biāo)題：title 主導(dǎo)航：mainNav（globalNav） 頂導(dǎo)航：topnav

3、邊導(dǎo)航：sidebar 左導(dǎo)航：leftsideBar 右導(dǎo)航：rightsideBar 旗志：logo 標(biāo)語(yǔ)：banner 菜單內(nèi)容：menu1Content 菜單容量：menuContainer 子菜單：submenu 邊導(dǎo)航圖標(biāo)：sidebarIcon 注釋：note 面包屑：breadCrumb(即頁(yè)面所處位置導(dǎo)航提示） 容器：container 內(nèi)容：content 搜索：search 登陸：login 功能區(qū)：shop(如購(gòu)物車，收銀臺(tái)) 當(dāng)前的：current 3、另外在編輯樣式表時(shí)可用的注釋可這樣寫(xiě) 內(nèi)容區(qū) 4、樣式文件命名 主要的 master.css 布局，版面 layou

4、t.css 專欄 columns.css 文字 font.css 打印樣式 print.css 主題 themes.css命名規(guī)范常用的CSS命名規(guī)則：頭：header內(nèi)容：content/container尾：footer導(dǎo)航：nav側(cè)欄：sidebar欄目：column頁(yè)面外圍控制整體布局寬度：wrapper左右中：left right center命名全部使用小寫(xiě)字母，假如需要多個(gè)單詞，單詞間使用“-”分隔，比如user-list常用代碼結(jié)構(gòu)：div：主要用于布局，分割頁(yè)面的結(jié)構(gòu)ul/ol：用于無(wú)序/有序列表span：沒(méi)有非凡的意義，可以用作排版的輔助，例如Example Source

5、C(4.23)天幻網(wǎng)六周年天幻網(wǎng)六周年天幻網(wǎng)六周年天幻網(wǎng)六然后在css中定義span為右浮動(dòng)，實(shí)現(xiàn)了日期和標(biāo)題分兩側(cè)顯示的效果h1-h6：標(biāo)題h1-h6 根據(jù)重要性依次遞減h1位最重要的標(biāo)題label：為了使你的表單更有親和力而且還能輔助表單排版的好東西，例如：Example Source C密碼fieldset & legend：fildset套在表單外，legend用于描述表單內(nèi)容。例如：Example Source Ctitle密碼dl,dt,dd：當(dāng)頁(yè)面中出現(xiàn)第一行為類似標(biāo)題/簡(jiǎn)述，然后下面為具體

6、描述的內(nèi)容時(shí)應(yīng)該使用該標(biāo)簽，例如Example Source C什么是CSS?CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。什么是XHTML？XHTML是一個(gè)基于XML的置標(biāo)語(yǔ)言，看起來(lái)與HTML有些想像，只有一些小的但重要的區(qū)別?？梢赃@樣看，XHTML就是一個(gè)扮演著類似HTML的角色的XML。 本質(zhì)上說(shuō)，XHTML是一個(gè)橋接（過(guò)渡）技術(shù)，結(jié)合了XML（有幾分）的強(qiáng)大功能及HTML（大多數(shù)）的簡(jiǎn)單特性。Example Source CC #contentS #subcolM #maincolX #xcol這是縱向布局的XHTML結(jié)構(gòu)，c-smx表示網(wǎng)頁(yè)有三個(gè)縱欄, c-sm表示有兩個(gè)縱欄, c-mx表示有兩個(gè)縱欄其中一個(gè)是附屬的, c-m表示一個(gè)縱欄。其中在三縱欄的布局需要分為兩層 第一層是#subcol與#main第二層是#main中的#maincol與#xcol。自定義命名：根據(jù)w3c網(wǎng)