当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 学习web标准:Web标准中的特殊字符

CSS样式表
css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
CSS解决链接锚点定位偏移的代码
一个css transform效果 很有图片的感觉
ie6,ie7,firefox的textarea滚动条、边框
12种CSS BUG解决方法与技巧
CSS 常用设置备忘
table中td内容换行问题
外部引用CSS中 link与@import的区别
CSS background-position 属性 定位图片
css 解决英文字符与阿位伯数字自动换行
div ,frame等空间的透明实现代码
CSS中几种浏览器对不同版本的支持与区分写法
多个浏览器对容器宽度实际像素的解释
CSS 用ul li做圆角表格
CSS 之dl dt dd模拟表格实例代码
创建超链接及css 样式设置
页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe
css float 解析学习
学习DIV+CSS难不难 需要掌握哪些知识
IE8 CSS hack

CSS样式表 中的 学习web标准:Web标准中的特殊字符


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-17   浏览: 89 ::
收藏到网摘: n/a

在最开始学习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

延伸阅读