html css javascript 編碼規(guī)范

html css javascript 編碼規(guī)范

ID:16058966

大?。?6.72 KB

頁(yè)數(shù):32頁(yè)

時(shí)間:2018-08-07

html css javascript 編碼規(guī)范_第1頁(yè)
html css javascript 編碼規(guī)范_第2頁(yè)
html css javascript 編碼規(guī)范_第3頁(yè)
html css javascript 編碼規(guī)范_第4頁(yè)
html css javascript 編碼規(guī)范_第5頁(yè)
資源描述:

《html css javascript 編碼規(guī)范》由會(huì)員上傳分享,免費(fèi)在線(xiàn)閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、Web端編碼規(guī)范版本0.1最后更新2015-1-12作者修訂歷史目錄1HTML編碼規(guī)范5樣式規(guī)則5協(xié)議5排版規(guī)則5縮進(jìn)5大小寫(xiě)6元數(shù)據(jù)規(guī)則6編碼6注釋6待辦事項(xiàng)6HTML代碼風(fēng)格規(guī)則7文檔類(lèi)型7HTML代碼有效性7語(yǔ)義8多媒體后備方案8關(guān)注點(diǎn)分離8type屬性9HTML代碼格式規(guī)則9格式92CSS編碼規(guī)范10CSS代碼風(fēng)格規(guī)范10CSS代碼有效性10ID和class的命名10ID和class命名風(fēng)格11類(lèi)型選擇器11屬性縮寫(xiě)110和單位120開(kāi)頭的小數(shù)12省略0開(kāi)頭小數(shù)點(diǎn)前面的012URI外的引號(hào)12省略URI的引號(hào)12十六進(jìn)制12十六進(jìn)制盡可能使用3個(gè)字符12前綴12選擇器前面加上特

2、殊應(yīng)用標(biāo)識(shí)的前綴(可選)12ID和class命名的定界符12CSS代碼格式規(guī)范13聲明順序13代碼塊內(nèi)容縮進(jìn)13聲明完結(jié)13屬性名完結(jié)14選擇器和聲明分行14規(guī)則分行143JavaScript編碼規(guī)范15快讀參考15類(lèi)型17對(duì)象17數(shù)組18字符串18函數(shù)20屬性20變量21條件表達(dá)式和等號(hào)22塊23注釋23空格與縮進(jìn)25逗號(hào)25分號(hào)26類(lèi)型轉(zhuǎn)換26命名約定27存取器281HTML編碼規(guī)范樣式規(guī)則協(xié)議嵌入式資源書(shū)寫(xiě)省略協(xié)議頭省略圖像、媒體文件、樣式表和腳本等URL協(xié)議頭部聲明(http:,https:)。如果不是這兩個(gè)聲明的URL則不省略。省略協(xié)議聲明,使URL成相對(duì)地址,防止內(nèi)容混淆問(wèn)

3、題和導(dǎo)致小文件重復(fù)下載注意:省略頭部聲明時(shí),該問(wèn)時(shí)會(huì)按照網(wǎng)站默認(rèn)頭部聲明進(jìn)行訪(fǎng)問(wèn)(如,網(wǎng)站是https的,則默認(rèn)的頭部聲明是https),如果必須在https(http)網(wǎng)站中訪(fǎng)問(wèn)http(https)的內(nèi)容時(shí),必須加上http(https)頭部聲明/*不推薦*/

4、.example{background:url(http://www.google.com/images/example);}/*推薦*/.example{background:url(//www.google.com/images/example);}排版規(guī)則縮進(jìn)每次縮進(jìn)兩個(gè)空格不要用TAB鍵或多個(gè)空格來(lái)進(jìn)行縮進(jìn)

  • Fantastic
  • Great
?.example{color:blue;}大小寫(xiě)只用小寫(xiě)字母所有的代碼都用小寫(xiě)之母:適用于元素名,屬性,屬性值(除了文本和CDATA),選擇器,特性,特性值(除了字符串)。

5、Home?

行尾空格

刪除行尾白空格。元數(shù)據(jù)規(guī)則編碼用不帶BOM頭的UTF-8編碼。讓你的編輯器用沒(méi)有字節(jié)順序標(biāo)記的UTF-8編碼格式進(jìn)行編寫(xiě)。在HTML模板和文件中指定編碼。不需要制定樣式表的編碼,它默認(rèn)為UTF-8。注釋盡可能的去解釋所寫(xiě)的代碼用注釋來(lái)解釋代碼:它包括什么,目的是什么,能做什么,為什么使用這個(gè)解決方案...(本規(guī)則可選,沒(méi)必要每份代碼都描述得很充分,它會(huì)增重HTML和CSS的代碼。只添加必要的注

6、釋?zhuān)M量避免冗余的、無(wú)用的注釋?zhuān)┐k事項(xiàng)用TODO標(biāo)記代辦事項(xiàng)和正在進(jìn)行的項(xiàng)目只用TODO來(lái)強(qiáng)調(diào)待辦事項(xiàng)和正在進(jìn)行項(xiàng)目,不要使用其他的格式,例如@@。附加聯(lián)系人(用戶(hù)名或電子郵件列表),用括號(hào)括起來(lái),例如:TODO(contact)

Test
  • Apples
  • Oranges
HTML代碼風(fēng)格規(guī)則文檔類(lèi)型HTML5是目前所有HTML文檔類(lèi)型中的首選。推薦用HTML文本文檔格式,即text/html。不要用XHTML。XHTML

7、有些瀏覽器不支持,還比HTML用更多的存儲(chǔ)空間。常用的文檔類(lèi)型:HTML5HTML4.01HTML代碼有效性盡量使用有效的HTML代碼編寫(xiě)有效的HTML代碼,否則很難達(dá)到性能上的提升,用類(lèi)似W3CHTMLvalidator這樣的

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶(hù)上傳,版權(quán)歸屬用戶(hù),天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶(hù)請(qǐng)聯(lián)系客服處理。