武林網(wǎng)(www.survivalescaperooms.com)文章簡介：細(xì)節(jié)決定成敗-價(jià)格的表現(xiàn)形式.

兩周前逛浦東Apple Store，因?yàn)榭瓷螹acBook Air糾結(jié)著要攢幾個(gè)月的錢而注目價(jià)格良久：

先感謝MH同學(xué)的職業(yè)敏感性—-是否可以把印刷版式移植到Web平臺。我們分析一下生活中見到的各種價(jià)格標(biāo)識：

再對比一下網(wǎng)頁應(yīng)用中的價(jià)格標(biāo)識：

一個(gè)共同特征就是：價(jià)格的貨幣符號很小，甚至視覺上可以忽略，而突出顯示了具體金額。

再看貨幣符號的表現(xiàn)，舉人民幣為例，單修改一下字體就有如此大的差異：

¥（Arial字體）*注：雙線正確
¥（Verdana字體）
¥（Courier New字體）

這里需要再次強(qiáng)調(diào)：人民幣符號的原始形式是雙線，很多用戶受淘寶影響，反復(fù)給攜程發(fā)郵件，我仰天長嘆：XDJM們哪，單線是因?yàn)殒I盤輸入法的問題，造成了很多人的誤會，其實(shí)那是小日本的貨幣符號（之所以叫小日本這與我小時(shí)候受過的教育有關(guān)），實(shí)際代碼需要用¥轉(zhuǎn)義才正確，就像Copyright的©一樣，也需要用©來轉(zhuǎn)義。另外淘寶的符號是合并在背景里的，攜程涉及國際貨幣符號較多，為避免加載不到圖片給用戶造成負(fù)擔(dān)而選擇直接顯示出來，業(yè)務(wù)不同在此不做對比分析。

相對于在部門內(nèi)推廣新表現(xiàn)形式，代碼實(shí)現(xiàn)反而是最簡單的：

<span class=“base_price”>
<dfn>&yen;</dfn> /*為阻止代碼被解析為人民幣符號源代碼加了b標(biāo)簽，請自行忽略*/
<strong>10640</strong>
< /span>

有同學(xué)問為什么不用<sup>，原因是舊版代碼<dfn>涉及各大頻道，工作量巨大，另外<sup>需要Hack IE: *font-size: 14px; 反倒沒有<dfn>方便。

.base_price { color: #E56700; }
.base_price dfn { margin-right: 2px; vertical-align: 3px; font: normal 12px Arial,Simsun; }
.base_price strong { font-size: 16px; }

效果對比如下：

目前旅游度假頻道的大字體價(jià)格表現(xiàn)形式已修改，機(jī)票和酒店尚在開發(fā)中~~~