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