在最開始學習web標準的時候有這么一條：

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

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

更多>>

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

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

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

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

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

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

顯示效果：

更多»

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

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

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

顯示效果如下：

添加新文章 ‹ 99css — WordPress

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

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

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

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

延伸閱讀

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

最新評論