- web標(biāo)準(zhǔn)可以分為結(jié)構(gòu)、表現(xiàn)和行為。
- 結(jié)構(gòu)主要是有HTML標(biāo)簽組成?;蛟S通俗點(diǎn)說,在頁面body里面我們寫入的標(biāo)簽都是為了頁面的結(jié)構(gòu)。
- 表現(xiàn)即指css樣式表,通過css可以是頁面的結(jié)構(gòu)標(biāo)簽更具美感。
- 行為是指頁面和用戶具有一定的交互,同時(shí)頁面結(jié)構(gòu)或者表現(xiàn)發(fā)生變化,主要是有js組成。
- web標(biāo)準(zhǔn)一般是將該三部分獨(dú)立分開,使其更具有模塊化。但一般產(chǎn)生行為時(shí),就會(huì)有結(jié)構(gòu)或者表現(xiàn)的變化,也使這三者的界限并不那么清晰。W3C對(duì)web標(biāo)準(zhǔn)提出了規(guī)范化的要求,也就是在實(shí)際編程中的一些代碼規(guī)范,包含如下幾點(diǎn):
- 1.對(duì)于結(jié)構(gòu)要求:(標(biāo)簽規(guī)范可以提高搜索引擎對(duì)頁面的抓取效率,對(duì)SEO很有幫助)
- 1)標(biāo)簽字母要小寫
- 2)標(biāo)簽要閉合
- 3)標(biāo)簽不允許隨意嵌套
- 2.對(duì)于css和js來說
- 1)盡量使用外鏈css樣式表和js腳本。是結(jié)構(gòu)、表現(xiàn)和行為分為三塊,符合規(guī)范。同時(shí)提高頁面渲染速度,提高用戶的體驗(yàn)。
- 2)樣式盡量少用行間樣式表,使結(jié)構(gòu)與表現(xiàn)分離,標(biāo)簽的id和class等屬性命名要做到見文知義,標(biāo)簽越少,加載越快,用戶體驗(yàn)提高,代碼維護(hù)簡(jiǎn)單,便于改版
- 3)不需要變動(dòng)頁面內(nèi)容,便可提供打印版本而不需要復(fù)制內(nèi)容,提高網(wǎng)站易用性。
更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn),采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式,擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。