字符当先: 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,因为它更为干净整洁,有最直观的排列方式和字体预览。

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


评论加载中...

Disqus提供评论支持,如果评论长时间未加载,请飞跃长城。