編寫結構清晰易維護的代碼該注意什么？

2023-03-20 分類：網站建設

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

代碼1

關于高質量的CSS
模擬化css,也就是說將面向對象編程思想引用到組織css中，使用單一職責原理來劃分模塊。
1、模塊與模塊之間盡量不要包含相同的部分，如果有相同部分，應將它們提取出來，拆分成一個獨立的模塊。
2、模塊應在保證數量盡可能少的原則下，做到盡可能簡單，以提高重用性。
css命名建議：駱駝命名法用于區(qū)分不同單詞，劃線用于表示從屬關系
在使用樣式的時候，是掛多個class還是新建class，建議多用組合，少用繼承。因為這樣一方面減少了代碼量，提高了可維護性，另一方面使類的職責更單一，增加了類的重用性，提高了開發(fā)效率。

分享題目：編寫結構清晰易維護的代碼該注意什么？
當前路徑：http://www.bm7419.com/news30/246130.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站內鏈、微信公眾號、響應式網站、網站導航、外貿建站、網站建設

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

猜你還喜歡下面的內容