編寫結(jié)構(gòu)清晰易維護(hù)的代碼該注意什么?

2023-03-20    分類: 網(wǎng)站建設(shè)

制作網(wǎng)頁并不難,只要有一個(gè)文本編輯器,買本入門書,幾分鐘就可以動(dòng)手做出一個(gè)簡(jiǎn)單的網(wǎng)頁來。但是,要做一個(gè)好的網(wǎng)頁,卻不是一件容易的事情,任何一個(gè)有經(jīng)驗(yàn)的攻城師都知道,工作中的大考驗(yàn)和最不可回避的問題就是“變化”。我們?cè)谥谱骶W(wǎng)頁的適合,不經(jīng)要實(shí)現(xiàn)需求,更重要的是要考慮實(shí)現(xiàn)代碼的可維護(hù)性,為未來可能出現(xiàn)的“變化”提前做好準(zhǔn)備。
要編寫高質(zhì)量易維護(hù)的代碼首先要熟悉web標(biāo)準(zhǔn),即結(jié)構(gòu)、樣式和行為的分離。
W3C是一個(gè)專門負(fù)責(zé)制定網(wǎng)頁標(biāo)準(zhǔn)的非營利性組織,致力于結(jié)束網(wǎng)頁制作領(lǐng)域混亂不堪的局面,Web標(biāo)準(zhǔn)就是由W3C組織推行的。Web標(biāo)準(zhǔn)由一系列標(biāo)準(zhǔn)組合而成,齊核心理念就是將網(wǎng)頁的結(jié)構(gòu)、樣式和行為分離開來,所以它可以分為三大部分:結(jié)構(gòu)標(biāo)準(zhǔn)、樣式標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)。結(jié)構(gòu)標(biāo)準(zhǔn)包括XML標(biāo)準(zhǔn)、XHTML標(biāo)準(zhǔn)、HTML標(biāo)準(zhǔn);樣式標(biāo)準(zhǔn)主要是指CSS標(biāo)準(zhǔn);行為標(biāo)注主要包括DM標(biāo)準(zhǔn)和ECMAScirpt標(biāo)準(zhǔn)。
一個(gè)符合標(biāo)準(zhǔn)的網(wǎng)頁,標(biāo)簽中的標(biāo)簽名應(yīng)該全部都是小寫的,屬性要加上引號(hào),樣式和行為不再夾雜在標(biāo)簽中,而應(yīng)該分別單獨(dú)存放在樣式文件和腳本文件中。理想狀態(tài)下,網(wǎng)頁源代碼由三個(gè)部分組成:.html文件、.css文件和.js文件。
關(guān)于高質(zhì)量的HTML每個(gè)標(biāo)簽都有語義,所以我們應(yīng)該使用有語義的標(biāo)簽,而且搜索引擎看不到視覺效果,看到的只有代碼,只能通過標(biāo)簽來判斷內(nèi)容的語義。
先確定HTML,確定語義的標(biāo)簽,再來選用使用的CSS。
如何判斷網(wǎng)頁標(biāo)簽語義是否良好:去掉樣式,看網(wǎng)頁結(jié)構(gòu)是否組織良好有序,是否仍然有很好的可讀性。
語義化標(biāo)簽應(yīng)該注意的問題:

代碼1

關(guān)于高質(zhì)量的CSS
模擬化css,也就是說將面向?qū)ο缶幊趟枷胍玫浇M織css中,使用單一職責(zé)原理來劃分模塊。
1、模塊與模塊之間盡量不要包含相同的部分,如果有相同部分,應(yīng)將它們提取出來,拆分成一個(gè)獨(dú)立的模塊。
2、模塊應(yīng)在保證數(shù)量盡可能少的原則下,做到盡可能簡(jiǎn)單,以提高重用性。
css命名建議:駱駝命名法用于區(qū)分不同單詞,劃線用于表示從屬關(guān)系
在使用樣式的時(shí)候,是掛多個(gè)class還是新建class,建議多用組合,少用繼承。因?yàn)檫@樣一方面減少了代碼量,提高了可維護(hù)性,另一方面使類的職責(zé)更單一,增加了類的重用性,提高了開發(fā)效率。

名稱欄目:編寫結(jié)構(gòu)清晰易維護(hù)的代碼該注意什么?
URL分享:http://m.kartarina.com/news/246130.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)品牌網(wǎng)站設(shè)計(jì)微信公眾號(hào)用戶體驗(yàn)動(dòng)態(tài)網(wǎng)站建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營
主站蜘蛛池模板: 精品无码久久久久久久久久| 人妻少妇无码视频在线| 嫩草影院无码av| 亚洲AV永久无码精品水牛影视| 久久久久亚洲av无码专区蜜芽 | 日韩精品人妻系列无码专区| 亚洲AV无码一区二区三区性色| 国产午夜激无码av毛片| 最新国产AV无码专区亚洲| 亚洲国产精品无码观看久久| 亚洲日韩激情无码一区| 国产综合无码一区二区色蜜蜜| 无码人妻一区二区三区在线 | 中文字幕人妻无码专区| 2019亚洲午夜无码天堂| 亚洲日韩中文无码久久| 特级无码a级毛片特黄| 久久午夜夜伦鲁鲁片免费无码影视| 国产午夜无码专区喷水| 成人免费无码大片a毛片软件| 久久精品国产亚洲AV无码娇色| 国产乱人无码伦av在线a| mm1313亚洲精品无码又大又粗| 精品国产aⅴ无码一区二区| 大桥久未无码吹潮在线观看| 亚洲中文字幕伊人久久无码| 亚洲AV日韩AV无码污污网站 | 日韩视频无码日韩视频又2021| 亚洲一区二区无码偷拍| 日韩精品专区AV无码| 亚洲国产AV无码专区亚洲AV| 亚洲欧洲无码AV电影在线观看| 中文字幕无码av激情不卡久久| 精品无码成人片一区二区| 久久久久久亚洲av无码蜜芽| 啊灬啊别停灬用力啊无码视频| 永久免费AV无码国产网站| 亚洲私人无码综合久久网| 性色AV蜜臀AV人妻无码| 亚洲av无码成人影院一区| 人妻少妇看A偷人无码精品|