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

y陈玲玲

y陈玲玲

2016-02-20 00:30

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的学习web标准:Web标准中的特殊字符教程,一起来看看吧!超容易上手~

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

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

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

更多

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

stylea:after{content:'0BB';}/stylea href=""更多/a

right double angle quote, unicode = ( » )

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

a href=""更多»/a

显示效果:

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

title添加新文章 ‹ 99css  — WordPress/title

显示效果如下:

添加新文章 ‹ 99css WordPress

把‹的l改成r就是右了

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

延伸阅读

中文翻译:
展开更多 50%)
分享

猜你喜欢

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

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

由浅入深实践学习 Web 标准

Web开发
由浅入深实践学习 Web 标准

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Html:网页标准学习:关于web标准的思考

Web开发
Html:网页标准学习:关于web标准的思考

Web标准学习:CSS样式书写风格

Web开发
Web标准学习:CSS样式书写风格

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Web标准真的是标准吗?

Web开发
Web标准真的是标准吗?

网站web标准测试

Html CSS布局 Div+CSS XHTML
网站web标准测试

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:关于CSS渐变的一些要点

CSS教程:关于CSS渐变的一些要点

爸爸说这辈子就算在苦在累、也要对得起跟定你的那个女人.

爸爸说这辈子就算在苦在累、也要对得起跟定你的那个女人.
下拉加载更多内容 ↓