在最開(kāi)始學(xué)習(xí)web標(biāo)準(zhǔn)的時(shí)候有這么一條：

把所有<和&特殊符號(hào)用編碼表示 :
任何小于號(hào)（<），不是標(biāo)簽的一部分，都必須被編碼為& l t ; 　　任何大于號(hào)（>），不是標(biāo)簽的一部分，都必須被編碼為& g t ;
任何與號(hào)（&），不是實(shí)體的一部分的，都必須被編碼為& a m p;
注：以上字符之間無(wú)空格。

而在我們平時(shí)的工作中經(jīng)常會(huì)遇到這種情況：

更多>>

國(guó)內(nèi)的同行大多是寫(xiě)兩個(gè)大于號(hào)&gt;&gt;或者干脆就寫(xiě)>>（更夸張的是有人為了追求和效果圖完全一致的效果而單獨(dú)對(duì)這里使用宋體），更合理的寫(xiě)法如下：

<style>
a:after{content:'\00BB';}
</style>

<a href="">更多</a>

\00BB — right double angle quote, unicode = » ( » )

由于IE6/7不支持after偽類，退一步這樣寫(xiě)也不錯(cuò)：

<a href="">更多&raquo;</a>

顯示效果：

更多»

最好的例子就是wordpress編輯器左下角的路徑處：

而面包屑導(dǎo)航處經(jīng)常被寫(xiě)為的大于號(hào)也不是&lt;而應(yīng)是&rsaquo;根據(jù)wordpress后臺(tái)的title寫(xiě)法：

<title>添加新文章 &lsaquo; 99css  &#8212; WordPress</title>

顯示效果如下：

添加新文章 ‹ 99css — WordPress

把&lsaquo;的l改成r就是右了

另看到aoao和懌飛在twitter上討論空格，懌飛說(shuō)：

測(cè)試發(fā)現(xiàn)空格還是用 \u0020 表示兼容性和語(yǔ)義最好

我也不是很認(rèn)同，我的觀點(diǎn)是：在html中使用&nbsp;，而在css中使用\20才是比較合理的做法:p

延伸閱讀

• Using HTML Symbol Entities 中文翻譯：使用 HTML 字符實(shí)體
• Character Entity Reference HTML 4
• 字符引用和空白字符

最新評(píng)論