字符当先: HTML Entity

相信每个对性能有追求的前端，都潜在是一个字符控。对于形形色色的指示性图样总琢磨着以字符解决，诸如常见的左右箭头，引导阅读的双向指针，或者还可能是下拉菜单的一个向下的三角箭头...这些做法可能看起来有些极端和没有必要，但即使如此，这里面多少也透着极客的味道。

我是一个非常彻底的字符爱好者，能用字符、样式的，坚决不使用图片。很多时候，对内容的图片尺寸往往大手大脚，压缩的时候总是一再放宽，但是对于装饰性、引导性的图标等却异常吝啬。即使是自己的博客，主题也是纯CSS没有半张图片——RSS是CSS3绘制，IE7以下根本就不会出现；tab导航时box-shadow绘制，IE8以下全部都显示纯色；搜索按钮也是CSS定义，想必IE下会是相当丑陋...没有图片这一点其实并不能带来什么性能上的提升，这恐怕只是一种折腾的精神:-)

我们在哪里找到我们想要的字符？或者说，我们应该在哪里参考我们想要的字符？我给出我一般会去的地方：

• HTML Character Sets，说到参考，应该把w3cschools的参考列在最前面。
• EntityCode 按照w3cschools的参考把字符分门别类，用大字号显示字符的细节。这里有常用的一些字符供日常使用。
• Common HTML Entities是我最早以前的参考，同样也是列出了常用的字符。优点是字符表里可以变换字体，来查看不同字体下字符的外观。现在看起来有些显得过时了
• XHTML Character Entity Reference 可以说是我最喜欢的字符参考，我喜欢它的陈列方式，优雅直观。
• WDG - Entities，也是相当不错的参考，有详尽的字符说明，对于是否正确使用字符有很大帮助。

有了这些基本上日常就够了。我的链接里海保存了几个其他字符参考，不过有些已经是404的老物了。我个人更推荐 XHTML Character Entity Reference，因为它更为干净整洁，有最直观的排列方式和字体预览。

如果你有什么好地方，欢迎共享之。