保持代碼整潔又規(guī)范的12條原則(2)_建站經(jīng)驗(yàn)教程
推薦:教你如何用人民幣購買LunarPages主機(jī)由于在站長站曾提到我用的是美國Lunarpages的虛擬主機(jī),就有朋友向我咨詢,說在網(wǎng)上看到很多推薦、代購美國Lunarpages主機(jī)的網(wǎng)站,而且性價(jià)比遠(yuǎn)遠(yuǎn)低于國內(nèi)的空間,擔(dān)心有貓膩,特向我詢問。因此有必要把我的體會(huì)分享一下。 國外的空間總體不錯(cuò),空間和流量都
9. 給 《body》指定Class或id
有的時(shí)候,網(wǎng)頁中的同一個(gè)區(qū)塊,但在不同頁面的時(shí)候,我們會(huì)對(duì)其進(jìn)行不同的樣式化。很多時(shí)候,我們會(huì)為這個(gè)相同的區(qū)塊取一個(gè)新的名稱,比如為新樣式的DIV區(qū)塊添加一個(gè)“mainContent-500.”的ID屬性,為比較窄的側(cè)邊欄添加為《class=”narrowSidebar”& gt;。
這并不是一個(gè)良好的長期解決方案。正如我們第7條指出的,我們需要友好且保持一致的命名慣例。而不是增加一些花俏的新ID或CLASS名稱。
為需要樣式化某個(gè)區(qū)塊的不同頁面指定一個(gè)獨(dú)立的body ID或CLASS將會(huì)非常有用。因?yàn)轫撁娴乃袃?nèi)容都包含在body標(biāo)簽之中。指定Body名稱后,你可以通過CSS Hook來完全重新定義某一個(gè)元素的樣式。舉個(gè)例子,原先的頁面中,我們對(duì)sidebar進(jìn)行了背景定義.sidebar{background:#FF0;”}而在新的《body class=”aboutpage”》中,我們要把sidebar的 背景弄成黑色,那很簡(jiǎn)單,使用boy.aboutpage .sidebar{background:#000;} 即可。
10. 驗(yàn)證
一些小的HTML代碼錯(cuò)誤可能并不會(huì)對(duì)網(wǎng)頁內(nèi)容有多大影響,但通過W3C驗(yàn)證的代碼將更有利于網(wǎng)頁內(nèi)容展示。比如下圖示例中的圖象,缺少自關(guān)閉標(biāo)記和ALT屬性。
就算沒有其它原因,通過 W3C驗(yàn)證時(shí)看到綠色的通過提示也是件讓人舒服的事情。
11. 邏輯順序
如果有可能的話,盡量保持你的網(wǎng)頁部份代碼以邏輯順序來排列是最佳的。 比如下圖中,footer放在了sidebar上面,這可能是設(shè)計(jì)上的需要,內(nèi)容下面正好是Footer底部,然后才是側(cè)邊欄。但如果能通過技術(shù)解決,比如Position定位,那你應(yīng)該把footer放到最下面。
12. Just do what you can
我們已經(jīng)總結(jié)了很多讓HTML代碼書寫的更加簡(jiǎn)潔的原則在這里,這將是一個(gè)很好的開始,但還有更多。當(dāng)你試圖修復(fù)你現(xiàn)的代碼,可能會(huì)發(fā)現(xiàn)很困難,而如果你完全當(dāng)做從頭開始學(xué)習(xí),卻可能會(huì)容易的多。不管如何,重要的是,你應(yīng)該學(xué)習(xí)如何撰寫良好的HTML并且堅(jiān)持下去。
當(dāng)你下次書寫一個(gè)HTML代碼項(xiàng)目時(shí),謹(jǐn)記這些簡(jiǎn)潔原則,Just do what you can, You’ll do better!
分享:警惕DIV癖 語義化標(biāo)簽頁面要好好學(xué)習(xí)HTML眼下,css div已經(jīng)成了一種行業(yè)典型說法,甚至已經(jīng)成為職位名稱。作為職業(yè)的頁面重構(gòu)工作者,不禁對(duì)此無奈的苦笑。無需多講,我要說的主題也不是css div有什么不對(duì),我想說的是由此說法引來的誤區(qū)和癖好。 絕大部分人開始學(xué)網(wǎng)頁制作,只是一味用DIV標(biāo)簽來布
- 雙十二電商促銷思路淺析
- Matt Cutts:不要把注意力放在PR上
- 百度要革自己的命?移動(dòng)搜索或取消PC網(wǎng)頁收錄
- Google adsense帳戶被封到解封全過程
- 菜鳥如何通過競(jìng)價(jià)賺取第一桶金?
- 不接電話會(huì)讓你的備案號(hào)注銷
- 盧松松:搜搜已停止收錄網(wǎng)頁
- 你懂得:百度文庫也玩?zhèn)人+V認(rèn)證了
- 頭腦風(fēng)暴:為什么搜索引擎不在乎我們?
- 搜狗聯(lián)盟:360 X 300的廣告位變現(xiàn)能力強(qiáng)
- 盧松松:做這樣的資源站,長不了
- 盧松松:一個(gè)小學(xué)教師建站的不惑與困惑
- 相關(guān)鏈接:
- 教程說明:
建站經(jīng)驗(yàn)教程-保持代碼整潔又規(guī)范的12條原則(2)。