資源描述:
《html css javascript 編碼規(guī)范》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(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文檔類型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類型選擇器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類型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類型轉(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)行訪問(wèn)(如,網(wǎng)站是https的,則默認(rèn)的頭部聲明是https),如果必須在https(http)網(wǎ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)
?.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、釋,盡量避免冗余的、無(wú)用的注釋)待辦事項(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ào)括起來(lái),例如:TODO(contact)
Test
HTML代碼風(fēng)格規(guī)則文檔類型HTML5是目前所有HTML文檔類型中的首選。推薦用HTML文本文檔格式,即text/html。不要用XHTML。XHTML
7、有些瀏覽器不支持,還比HTML用更多的存儲(chǔ)空間。常用的文檔類型:HTML5HTML4.01HTML代碼有效性盡量使用有效的HTML代碼編寫(xiě)有效的HTML代碼,否則很難達(dá)到性能上的提升,用類似W3CHTMLvalidator這樣的