web前端知識一直是小編不愿意去寫的,因?yàn)樾【幷嫘挠X得web前端太復(fù)雜了,但是為了讓廣大讀者更加了解web所以小編不得不硬著頭皮寫下去,希望可以得到大家的肯定,今天我們學(xué)習(xí)的是web前端開發(fā)文檔寫作規(guī)范。
符合web標(biāo)準(zhǔn), 語義化html, 結(jié)構(gòu)表現(xiàn)行為分離, 兼容性優(yōu)良. 頁面性能方面, 代碼要求簡潔明了有序, 盡可能的減小服務(wù)器負(fù)載, 保證最快的解析速度。
具體來說:
1、書寫時利用IDE實(shí)現(xiàn)層次分明的縮進(jìn)。tab鍵用四個空格代替。因?yàn)樵诓煌到y(tǒng)的編輯工具對tab解析不一樣,windows下的tab鍵是占四個空格的位置,而在linux下會變成占八個空格的位置(除非你自己設(shè)定了tab鍵所占的位置長度)。
2、標(biāo)簽屬性使用小寫
3、尾部不要留有空格,以防diff
4、使用 UTF-8
5、文件命名統(tǒng)一使用小寫”.js”,同時推薦”-”而不是”_”
HTML 細(xì)化規(guī)范
1、使用html5的規(guī)范<!DOCTYPE html>
2、<img>標(biāo)簽?zāi)J(rèn)缺省格式:<img src="xxx.png" alt="缺省時文字" /> 避免出現(xiàn)src="" 問題
3、<a>標(biāo)簽缺省格式:<a href="###" title="鏈接名稱">xxx</> 注:target="_blank" 根據(jù)需求決定
4、<a>標(biāo)簽預(yù)留鏈接占位符使用###,參見:a標(biāo)簽占位符問題
5、書寫鏈接地址時, 必須避免重定向,即須在URL地址后面加上“/”
6、所有標(biāo)簽需要符合XHTML標(biāo)準(zhǔn)閉合
7、一律統(tǒng)一標(biāo)簽結(jié)尾斜杠的書寫形式:<br /> <hr /> 注意之間空格
8、避免使用已過時標(biāo)簽,如:<b> <u> <i> 而用 <strong> <em>等代替
以上內(nèi)容希望能給大家?guī)韼椭?/p>