css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則，這樣有利于前臺(tái)和后臺(tái)的交互1一般公司開(kāi)發(fā)都是給技術(shù)員一本網(wǎng)站前端開(kāi)發(fā)規(guī)范，里面詳細(xì)的說(shuō)明了各個(gè)命名的規(guī)則等相關(guān)的問(wèn)題2常見(jiàn)的人們約定的命名習(xí)慣為頭header 內(nèi)容contentcontainer 尾footer 導(dǎo)航nav 側(cè)欄sidebar 欄目column 頁(yè)面；接下來(lái)我們就來(lái)詳細(xì)了解CLASS與ID基本屬性及用法DIV CSS中id與class使用原則id的使用原則先來(lái)說(shuō)說(shuō)id，id具有唯一性，其使用原則也是依據(jù)這一特性建立的id是不能重復(fù)的，所以在XHTML的結(jié)構(gòu)中，大結(jié)構(gòu)一定是用id比如標(biāo)志導(dǎo)航主體內(nèi)容版權(quán)這些根據(jù)制定的規(guī)范命名為#logo，#nav，#content，#；一網(wǎng)頁(yè)制作中規(guī)范使用DIV+CSS命名規(guī)則，可以改善優(yōu)化功效特別是團(tuán)隊(duì)合作時(shí)候可以提供合作制作效率所有的命名最好都小寫(xiě) 屬性的值一定要用雙引號(hào)括起來(lái)，且一定要有值如class=divcss，id=divcss 每個(gè)標(biāo)簽都要有開(kāi)始和結(jié)束，且要有正確的層次，排版有規(guī)律工整 空元素要有結(jié)束的tag或于開(kāi)始的tag后加；命名規(guī)范元素名稱可以包含拉丁字母，數(shù)字，破折號(hào)和下劃線CSS類名寫(xiě)成塊名稱加破折號(hào)加上元素名稱blockelem，其中elem可以是直接元素標(biāo)簽名，也是表義的名稱css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則，這樣有利于前臺(tái)和后臺(tái)的交互一般公司開(kāi)發(fā)都是給技術(shù)員一本網(wǎng)站前端開(kāi)發(fā)規(guī)范，里面詳細(xì)的；您要問(wèn)的是有的網(wǎng)頁(yè)元素id沒(méi)法使用的原因是什么id命名無(wú)效在HTML中，id屬性的值必須遵循一定的規(guī)則例如，id值不能以數(shù)字開(kāi)頭，只能包含字母數(shù)字和下劃線等字符id值不符合規(guī)范，瀏覽器無(wú)法正確解析和使用該元素。

注釋的寫(xiě)法在HTML中為，在CSS中為* content *CSS的命名規(guī)范包括id和class的命名規(guī)則id命名應(yīng)遵循頁(yè)面結(jié)構(gòu)導(dǎo)航功能等分類，盡量用英文，不加中杠和下劃線class命名應(yīng)遵循顏色字體大小對(duì)齊樣式等分類，2個(gè)組合的單詞不用中杠和下劃線主要的站點(diǎn)css文件包括mastercssmodulecssbase；id則通常用于單獨(dú)標(biāo)識(shí)某個(gè)元素，它在JavaScript中也經(jīng)常被用作DOM操作的標(biāo)志如果class和id命名不當(dāng)，會(huì)帶來(lái)很多麻煩，比如無(wú)法正確地定位到元素樣式?jīng)_突等為了避免這些問(wèn)題，我們應(yīng)該盡量避免出現(xiàn)中文命名重復(fù)命名命名不規(guī)范等情況2選擇合適的attribute 在選擇attribute時(shí)，應(yīng)該根據(jù)元素的用途和屬性。

4 **空元素**需有結(jié)束標(biāo)簽或在其后添加quotquot5 **表現(xiàn)與結(jié)構(gòu)分離**，避免在代碼中混入表現(xiàn)元素，如`style``font``bgColor``border`等6 **類名和ID定義**應(yīng)遵循從大到小的原則，有利于文檔結(jié)構(gòu)的清晰展示和搜索引擎的索引特定命名推薦 1 **外套**`#wrapper`，用于最外層的；什么是類選擇器？ 作用根據(jù)指定的類名稱找到對(duì)應(yīng)的標(biāo)簽，然后設(shè)置屬性 格式 類名稱 屬性值 注意點(diǎn) 1每個(gè)HTML標(biāo)簽都有一個(gè)屬性叫做class，也就是說(shuō)每個(gè)標(biāo)簽都可以設(shè)置class 2在同一個(gè)界面的class名稱是可以重復(fù)的 3在編寫(xiě)class選擇器時(shí)一定要在class名稱前面加上 4類名的命名規(guī)范和id名稱的命名；總的說(shuō)來(lái)，對(duì)于命名規(guī)范，我們應(yīng)該首要遵循“代碼即注釋”使用了寬松的比較==而不是嚴(yán)格比較=== 有些前端同學(xué)養(yǎng)成了使用==寬松比較的習(xí)慣，有時(shí)候在數(shù)據(jù)類型不統(tǒng)一的情況下確實(shí)是個(gè)好辦法，比如前端有一個(gè)id = 5，而后端返回了一個(gè)id = #395#39， 此時(shí)5 == #395#39是成立的，然而也是因?yàn)檫@一隱式轉(zhuǎn)換的特性；6命名同時(shí)還需要關(guān)注語(yǔ)義，如 變量名應(yīng)當(dāng)使用名詞函數(shù)名應(yīng)當(dāng)用動(dòng)賓短語(yǔ)getAccListData類名應(yīng)當(dāng)用名詞32 JS書(shū)寫(xiě)規(guī)范性 JavaScript程序應(yīng)獨(dú)立保存在后綴名為js的文件中33 JS書(shū)寫(xiě)規(guī)范性 避免每行超過(guò)80個(gè)字符34 JS書(shū)寫(xiě)規(guī)范性 盡量減少全局變量的使用，不要讓局部變量覆蓋全局變量35 JS書(shū)寫(xiě)規(guī)范。

在網(wǎng)站前端開(kāi)發(fā)中，CSS樣式的類名或ID名的命名規(guī)則至關(guān)重要，這有助于提高前臺(tái)和后臺(tái)的協(xié)作效率許多公司會(huì)為技術(shù)團(tuán)隊(duì)提供一份詳細(xì)的前端開(kāi)發(fā)規(guī)范文檔，其中涵蓋了各類命名規(guī)則和相關(guān)說(shuō)明常見(jiàn)的命名習(xí)慣包括使用“header”代表頭部“content”或“container”用于描述主要內(nèi)容區(qū)域“footer”表示底部；1id id是設(shè)置標(biāo)簽的標(biāo)識(shí)用于定義一個(gè)元素的獨(dú)特的樣式在CSS樣式定義的時(shí)候 以“#”來(lái)開(kāi)頭命名id名稱用法若一個(gè)標(biāo)簽的id=quotmyidquot，那么使用它的時(shí)候通過(guò)”$quot#myidquot“來(lái)獲取當(dāng)前標(biāo)簽或使用“#myid”來(lái)定義CSS樣式2class根據(jù)用戶定義的標(biāo)準(zhǔn)對(duì)一個(gè)或多個(gè)元素進(jìn)行標(biāo)記和定義，一個(gè)。

二CSS的規(guī)范1id和class命名采用該版塊的英文單詞或組合命名，并第一個(gè)單詞小寫(xiě)，第二個(gè)單詞首個(gè)字母大寫(xiě)，如newRelease最新產(chǎn)品new+Release ，或者用下劃線鏈接new_Release2CSS樣式表各區(qū)塊用注釋說(shuō)明 注釋的寫(xiě)法* Footer * 內(nèi)容區(qū) * End Footer * 3盡量使用英文命名原則；使用BEM命名規(guī)范，CSS代碼的組織如塊Block元素Element和修飾器Modifier的組合，使得HTML選擇器結(jié)構(gòu)清晰，便于維護(hù)，但可能因名字冗長(zhǎng)而稍顯繁瑣BEM規(guī)則中，塊元素間用雙下劃線 #39__#39 分隔，塊修飾器或元素修飾器用單下劃線 #39_#39，單詞間用中劃線 #39#39 連接每個(gè)BEM選擇器應(yīng)保持單一層次；在編程領(lǐng)域，id排版遵循一定的格式規(guī)范，旨在提升代碼的可讀性和可維護(hù)性常見(jiàn)的幾種id排版格式包括駝峰命名法下劃線命名法和短橫線命名法駝峰命名法要求每個(gè)單詞的首字母小寫(xiě)，后續(xù)單詞的首字母大寫(xiě)，例如myVariableName下劃線命名法則通過(guò)下劃線將單詞分隔開(kāi)，所有字母均采用小寫(xiě)形式，比如my_variab。

前端規(guī)范一命名規(guī)范1小駝峰命名法lowerCamelCase 第一個(gè)單詞以小寫(xiě)字母開(kāi)始，第二個(gè)單詞的首字母大寫(xiě)，例如firstNamelastName2大駝峰命名法CamelCase 每一個(gè)單詞的首字母都采用大寫(xiě)字母，例如FirstNameLastName3下劃線命名法snake_case下劃線命名法也叫蛇形法。