htmlclass命名規(guī)則(html class多個(gè)命名)
5lth1到lth5的定義,應(yīng)遵循從大到小的原則,體現(xiàn)文檔的結(jié)構(gòu),并有利于搜索引擎的查詢 6給重要的區(qū)塊加上注釋 7圖片要加alt注釋 二CSS的規(guī)范1id和class命名采用該版塊的英文單詞或組合命名,并第一個(gè)單詞;HTML文檔命名規(guī)則如下1文檔的擴(kuò)展名為htm或者h(yuǎn)tml,建議統(tǒng)一用html2文檔名稱(chēng)只可由英文字母數(shù)字或下劃線組成,建議以字母或下劃線開(kāi)始3文檔名稱(chēng)中不能包含特殊符號(hào),如空格$等4文檔名稱(chēng)區(qū)分;1使用范圍不同CLASS屬性允許向一組在CLASS屬性上具有相同值的元素應(yīng)用聲明BODY內(nèi)的所有元素都有CLASS屬性ID屬性的操作類(lèi)似于CLASS屬性,ID屬性的值在整篇文檔中必須是唯一的2表示方法不同CLASS類(lèi)選擇器以標(biāo)志符;在CSS樣式中以小寫(xiě)的“點(diǎn)”及“”來(lái)命名,在html頁(yè)面里則以class=quotcss5quot 來(lái)選擇調(diào)用,命名好的CSS又叫css選擇器\x0d\x0a如 css5屬性屬性值 選擇器在html調(diào)用為“我是class例子\x0d\x0abaobao。
2用法不同定義了id的元素在css中用id選擇器“#”來(lái)選擇,例如 lth1 id=quotcenterquotMy First Headinglth1,css中用#center 來(lái)控制其樣式,定義了class的元素在css中用類(lèi)選擇器“”來(lái)選擇,例如lth1 class=quot;不僅要修改CSS的class和id名,還要修改html相應(yīng)元素的class和id名,相當(dāng)麻煩,當(dāng)你所編輯的是大型網(wǎng)站,出現(xiàn)多處這樣的修改,是非常耗時(shí)且頭疼的所以應(yīng)該盡可能采用適應(yīng)變化的命名,即命名與內(nèi)容緊密相關(guān)?語(yǔ)義型提倡;正確命名規(guī)則如下名稱(chēng)不能以數(shù)字開(kāi)始,只能以字母連字符下劃線開(kāi)始之后可以是字母連字符下劃線或數(shù)字同時(shí)應(yīng)該注意的是,CSS中的命名是區(qū)分大小寫(xiě)可以使用,也可以顯示樣式說(shuō)一個(gè)頁(yè)面不能有相同的兩個(gè)id,說(shuō);DIV+CSS命名小結(jié) 一命名規(guī)則說(shuō)明1所有的命名最好都小寫(xiě) 2屬性的值一定要用雙引號(hào)quotquot括起來(lái),且一定要有值如class=quotdivcss5quot,id=quotdivcss5quot3每個(gè)標(biāo)簽都要有開(kāi)始和結(jié)束,且要有正確的層次,排版有。
1class是設(shè)置標(biāo)簽的類(lèi),用于指定元素屬于何種樣式的類(lèi)在CSS樣式中以小寫(xiě)的“點(diǎn)”及“”來(lái)命名,在html頁(yè)面里則以class=quotcss5quot來(lái)選擇調(diào)用,命名好的CSS又叫css選擇器如css5屬性屬性值 選擇器在html調(diào)用;div ul 表示匹配所有包含在div內(nèi)的ul標(biāo)簽 即 ltdivltulltulltdivdivpic ul 表示匹配所有包含在類(lèi)名為pic的div的ul標(biāo)簽 即 ltdiv class=quotpicquotltulltulltdiv也就是說(shuō),寫(xiě)得越詳細(xì);以ID命名的,前面加 以class命名的,前面加HTML標(biāo)簽,前面不用加任何字符。
class命名的特點(diǎn)是1class是塊名稱(chēng),用小寫(xiě)命名,元素Element的命名規(guī)范,元素的命名使用塊名加元素名的組合方式,之間以中劃線隔開(kāi)class命名的優(yōu)勢(shì)是2高度重復(fù)使用class可以重復(fù)應(yīng)用在其他結(jié)構(gòu)中,并且可以對(duì)某個(gè)元素;表示將此樣式,應(yīng)用在所有id以sec開(kāi)頭的html元素,比如id為sectionsec3等的元素都會(huì)受到這些規(guī)則的影響這樣,我們就可以通過(guò)元素命名,來(lái)區(qū)別不同功能區(qū)域,并且使用通配符選擇器來(lái)統(tǒng)一樣式而這一點(diǎn),和class的功能;1命名可以包含英文數(shù)字以及 ,但是不能以數(shù)字或者是 后加數(shù)字開(kāi)頭無(wú)法調(diào)用2命名應(yīng)該以功能命名,不以表現(xiàn)命名這點(diǎn)對(duì)后期修改有很大幫助,例如對(duì)于側(cè)邊欄,命名為“boxLeft”,似乎也沒(méi)有問(wèn)題,但是后期可。
id原則上都是由我分發(fā)框架文件時(shí)命名的,為JS預(yù)留鉤子的除外4為JS預(yù)留鉤子的命名,請(qǐng)以js_起始,比如js_hide,js_show5class與id命名大的框架命名比如headerfooterwrapperleftright之類(lèi)的在2中由i統(tǒng)一。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。