推薦：教你如何用人民幣購(gòu)買LunarPages主機(jī)
由于在站長(zhǎng)站曾提到我用的是美國(guó)Lunarpages的虛擬主機(jī)，就有朋友向我咨詢，說(shuō)在網(wǎng)上看到很多推薦、代購(gòu)美國(guó)Lunarpages主機(jī)的網(wǎng)站，而且性價(jià)比遠(yuǎn)遠(yuǎn)低于國(guó)內(nèi)的空間，擔(dān)心有貓膩，特向我詢問(wèn)。因此有必要把我的體會(huì)分享一下。 國(guó)外的空間總體不錯(cuò)，空間和流量都

9. 給 《body》指定Class或id

有的時(shí)候，網(wǎng)頁(yè)中的同一個(gè)區(qū)塊，但在不同頁(yè)面的時(shí)候，我們會(huì)對(duì)其進(jìn)行不同的樣式化。很多時(shí)候，我們會(huì)為這個(gè)相同的區(qū)塊取一個(gè)新的名稱，比如為新樣式的DIV區(qū)塊添加一個(gè)“mainContent-500.”的ID屬性，為比較窄的側(cè)邊欄添加為《class=”narrowSidebar”& gt;。

這并不是一個(gè)良好的長(zhǎng)期解決方案。正如我們第7條指出的，我們需要友好且保持一致的命名慣例。而不是增加一些花俏的新ID或CLASS名稱。

 

為需要樣式化某個(gè)區(qū)塊的不同頁(yè)面指定一個(gè)獨(dú)立的body ID或CLASS將會(huì)非常有用。因?yàn)轫?yè)面的所有內(nèi)容都包含在body標(biāo)簽之中。指定Body名稱后，你可以通過(guò)CSS Hook來(lái)完全重新定義某一個(gè)元素的樣式。舉個(gè)例子，原先的頁(yè)面中，我們對(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)頁(yè)內(nèi)容有多大影響，但通過(guò)W3C驗(yàn)證的代碼將更有利于網(wǎng)頁(yè)內(nèi)容展示。比如下圖示例中的圖象，缺少自關(guān)閉標(biāo)記和ALT屬性。

 

就算沒(méi)有其它原因，通過(guò) W3C驗(yàn)證時(shí)看到綠色的通過(guò)提示也是件讓人舒服的事情。

11. 邏輯順序

如果有可能的話，盡量保持你的網(wǎng)頁(yè)部份代碼以邏輯順序來(lái)排列是最佳的。 比如下圖中，footer放在了sidebar上面，這可能是設(shè)計(jì)上的需要，內(nèi)容下面正好是Footer底部，然后才是側(cè)邊欄。但如果能通過(guò)技術(shù)解決，比如Position定位，那你應(yīng)該把footer放到最下面。

 

12. Just do what you can

我們已經(jīng)總結(jié)了很多讓HTML代碼書寫的更加簡(jiǎn)潔的原則在這里，這將是一個(gè)很好的開(kāi)始，但還有更多。當(dāng)你試圖修復(fù)你現(xiàn)的代碼，可能會(huì)發(fā)現(xiàn)很困難，而如果你完全當(dāng)做從頭開(kāi)始學(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癖 語(yǔ)義化標(biāo)簽頁(yè)面要好好學(xué)習(xí)HTML
眼下，css div已經(jīng)成了一種行業(yè)典型說(shuō)法，甚至已經(jīng)成為職位名稱。作為職業(yè)的頁(yè)面重構(gòu)工作者，不禁對(duì)此無(wú)奈的苦笑。無(wú)需多講，我要說(shuō)的主題也不是css div有什么不對(duì)，我想說(shuō)的是由此說(shuō)法引來(lái)的誤區(qū)和癖好。 絕大部分人開(kāi)始學(xué)網(wǎng)頁(yè)制作，只是一味用DIV標(biāo)簽來(lái)布