快速业务通道

学习web标准:Web标准中的特殊字符

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-24

在最开始学习web标准的时候有这么一条:

把所有<和&特殊符号用编码表示 :
任何小于号(<),不是标签的一部分,都必须被编码为& l t ;   任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
注:以上字符之间无空格。

而在我们平时的工作中经常会遇到这种情况:

更多>>

国内的同行大多是写两个大于号&gt;&gt;或者干脆就写>>(更夸张的是有人为了追求和效果图完全一致的效果而单独对这里使用宋体),更合理的写法如下:

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

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

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

由于IE6/7不支持after伪类,退一步这样写也不错:

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

显示效果:

更多»

最好的例子就是wordpress编辑器左下角的路径处:

而面包屑导航处经常被写为的大于号也不是&lt;而应是&rsaquo;根据wordpress后台的title写法:

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

显示效果如下:

添加新文章 ‹ 99css — WordPress

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

另看到aoao和怿飞在twitter上讨论空格,怿飞说:

测试发现空格还是用 \u0020 表示兼容性和语义最好

我也不是很认同,我的观点是:在html中使用&nbsp;,而在css中使用\20才是比较合理的做法:p

延伸阅读

  • Using HTML Symbol Entities 中文翻译:使用 HTML 字符实体
  • Character Entity Reference HTML 4
  • 字符引用和空白字符

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号