寫(xiě)html代碼怎么命名才能簡(jiǎn)單明了?
網(wǎng)友解答: 感謝邀請(qǐng),HTML代碼,通常來(lái)說(shuō),包含:1、元素標(biāo)簽代碼,即body,div,p,a,input等等;2、css代碼;3、JS代碼。三者都有各自的命名規(guī)范。根據(jù)不同的企業(yè)習(xí)慣
感謝邀請(qǐng),HTML代碼,通常來(lái)說(shuō),包含:1、元素標(biāo)簽代碼,即body,div,p,a,input等等;2、css代碼;3、JS代碼。三者都有各自的命名規(guī)范。根據(jù)不同的企業(yè)習(xí)慣,規(guī)范也不一樣。不過(guò),一般而言。簡(jiǎn)單明了肯定是所有開(kāi)發(fā)命名中的重要考慮點(diǎn)。列舉一些常用的CSS標(biāo)準(zhǔn)化設(shè)計(jì)命名:1、類(lèi)class的命名規(guī)范示例頭:header內(nèi)容:content/container尾:footer導(dǎo)航:nav 側(cè)欄:sidebar欄目:column 頁(yè)面外圍控制整體布局寬度:wrapper 左右中:left right center 登錄條:loginbar 標(biāo)志:logo 廣告:banner 頁(yè)面主體:main 熱點(diǎn):hot 新聞:news 下載:download 子導(dǎo)航:subnav 菜單:menu 子菜單:submenu 搜索:search 友情鏈接:friendlink 頁(yè)腳:footer 版權(quán):copyright 滾動(dòng):scroll 內(nèi)容:content 標(biāo)簽頁(yè):tab 文章列表:list 提示信息:msg 小技巧:tips 欄目標(biāo)題:title 加入:joinus 指南:guild 服務(wù):service 注冊(cè):regsiter 狀態(tài):status 投票:vote 合作伙伴:partner2、注釋的寫(xiě)法 / Footer / 內(nèi)容區(qū) / End Footer /3、id的命名規(guī)范示例(1)頁(yè)面結(jié)構(gòu) 容器: container 頁(yè)頭:header 內(nèi)容:content/container 頁(yè)面主體:main 頁(yè)尾:footer 導(dǎo)航:nav 側(cè)欄:sidebar 欄目:column 頁(yè)面外圍控制整體布局寬度:wrappe 左右中:left right center(2)導(dǎo)航 導(dǎo)航:nav 主導(dǎo)航:mainbav 子導(dǎo)航:subnav 頂導(dǎo)航:topnav 邊導(dǎo)航:sidebar 左導(dǎo)航:leftsidebar 右導(dǎo)航:rightsidebar 菜單:menu 子菜單:submenu 標(biāo)題: title 摘要: summary (3)功能 標(biāo)志:logo 廣告:banner 登陸:login 登錄條:loginbar 注冊(cè):regsiter 搜索:search 功能區(qū):shop 標(biāo)題:title 加入:joinus 狀態(tài):status 按鈕:btn 滾動(dòng):scroll 標(biāo)簽頁(yè):tab 文章列表:list 提示信息:msg 當(dāng)前的: current 小技巧:tips 圖標(biāo): icon 注釋?zhuān)簄ote 指南:guild 服務(wù):service 熱點(diǎn):hot 新聞:news 下載:download 投票:vote 合作伙伴:partner 友情鏈接:link 版權(quán):copyright4、類(lèi)class的書(shū)寫(xiě)規(guī)范示例 ?。?)顏色:使用顏色的名稱(chēng)或者16進(jìn)制代碼,如 .red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }?。?)字體大小,直接使用"font+字體大小"作為名稱(chēng),如 .font12px { font-size: 12px; } .font9pt {font-size: 9pt; } (3)對(duì)齊樣式,使用對(duì)齊目標(biāo)的英文名稱(chēng),如 .left { float:left; } .bottom { float:bottom; } (4)標(biāo)題欄樣式,使用"類(lèi)別+功能"的方式命名,如 .barnews { } .barproduct { }5、CSS文件命名示例 主要的 master.css 模塊 module.css 基本共用 base.css 布局,版面 layout.css 主題 themes.css 專(zhuān)欄 columns.css 文字 font.css 表單 forms.css 補(bǔ)丁 mend.css 打印 print.css6、注意事項(xiàng) (1)一律小寫(xiě); ?。?)盡量用英文; (3)不加中杠和下劃線(xiàn); ?。?)盡量不縮寫(xiě),除非一看就明白的單詞。
JS的命名規(guī)范,不同習(xí)慣會(huì)略有不同,類(lèi)似于Java命名規(guī)范,就不列舉了。
網(wǎng)友解答:駝峰命名和下劃線(xiàn)命名是最常見(jiàn)的兩種命名方法。
駝峰經(jīng)常在后端語(yǔ)言中使用,譬如java。
下劃線(xiàn)適合在前端和數(shù)據(jù)庫(kù)上使用,譬如html