網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（markup language)，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。

其實(shí)css也是將HTML從數(shù)據(jù)和表現(xiàn)分離的有力工具。石頭的CSS Oriented Design：COD非常合我的口味，摒棄TOD(Table Oriented Design)還真不是意見(jiàn)容易的事情，但是一旦實(shí)現(xiàn)，系統(tǒng)本身就實(shí)現(xiàn)了分工和協(xié)作：就能像Winamp一樣換皮膚了，從而發(fā)揮用戶最大的能動(dòng)性。最直接的例子就是本網(wǎng)站使用的MT系統(tǒng)，所有的STYLE都來(lái)自MovableStyle，。

需求：將XML結(jié)果集中的<b>顯示成紅色，其實(shí)完全可以通過(guò)客戶端的CSS實(shí)現(xiàn)：
代碼如下：

首先

<blockquote>

利用CSS，不通過(guò)replace替換<b>標(biāo)引</b>HTML標(biāo)記

</blockquote>

利用CSS，不通過(guò)replace替換<b>標(biāo)引</b>HTML標(biāo)記

這樣：
在CSS中定義了：b {color:red;}

后，所有的<b>除了加粗外，還有紅色的屬性，為了防止整個(gè)頁(yè)面中的其他<b>都被標(biāo)紅，我將結(jié)果都放在一個(gè)<
blockquote>

中，然后再在CSS中定義：

<style><!--

blockquote b {color:red;}

//-->

</style>

由于CSS的繼承關(guān)系，只有所有在blockquote中的<b>才會(huì)被標(biāo)紅：

通過(guò)設(shè)置 font-weight:normal 甚至可以讓<b>字體變細(xì)。

通過(guò)這個(gè)問(wèn)題：得出一下2個(gè)結(jié)論
1 設(shè)計(jì)帶有標(biāo)引的對(duì)外搜索服務(wù)時(shí)，可以使用<b>做為標(biāo)記
2 在客戶端，可以通過(guò)CSS來(lái)實(shí)現(xiàn)控制。

關(guān)于：CSS, Accesibility and Standards Links

后記：
也曾經(jīng)一段時(shí)間非常追求XML/XSLT/CSS的數(shù)據(jù)/結(jié)構(gòu)/表現(xiàn)分離的理念。但是XSLT實(shí)施成本的確比較高，所以Resin上開(kāi)發(fā)了基于XHTML的輕量級(jí)模板技術(shù)，我覺(jué)得還挺人性的 ASP .net的實(shí)現(xiàn)也是類似。

可能沒(méi)有最好的模式，只有最合適的模式：關(guān)鍵還是要看開(kāi)發(fā)本身的復(fù)雜程度
數(shù)百行代碼過(guò)程性編程效率可能最高；
千行代碼量可能面向函數(shù)開(kāi)發(fā)效率最高；
萬(wàn)行代碼量時(shí)，可能就不得不OO了；