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

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

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

更多>>

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

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

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

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

由于IE6/7不支持after偽類，退一步這樣寫也不錯：

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

顯示效果：

更多»

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

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

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

顯示效果如下：

添加新文章 ‹ 99css — WordPress

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

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

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

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

延伸閱讀

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

最新評論