想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的学习web标准:Web标准中的特殊字符教程,一起来看看吧!超容易上手~
【 tulaoshi.com - Web开发 】
在最开始学习web标准的时候有这么一条:
把所有和&特殊符号用编码表示 :
任何小于号(),不是标签的一部分,都必须被编码为& l t ; 任何大于号(),不是标签的一部分,都必须被编码为& g t ;
任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
注:以上字符之间无空格。
而在我们平时的工作中经常会遇到这种情况:
更多
国内的同行大多是写两个大于号>>或者干脆就写(更夸张的是有人为了追求和效果图完全一致的效果而单独对这里使用宋体),更合理的写法如下:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)stylea:after{content:' 0BB';}/stylea href=""更多/a
right double angle quote, unicode =
( » )
由于IE6/7不支持after伪类,退一步这样写也不错:
a href=""更多»/a
显示效果:
最好的例子就是wordpress编辑器左下角的路径处:
而面包屑导航处经常被写为的大于号也不是<而应是›根据wordpress后台的title写法:
title添加新文章 ‹ 99css — WordPress/title
显示效果如下:
添加新文章 ‹ 99css WordPress
把‹的l改成r就是右了
另看到aoao和怿飞在twitter上讨论空格,说:
测试发现空格还是用 u0020 表示兼容性和语义最好
我也不是很认同,我的观点是:在html中使用 ,而在css中使用20才是比较合理的做法:p
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)延伸阅读
中文翻译:来源:http://www.tulaoshi.com/n/20160220/1631980.html
看过《学习web标准:Web标准中的特殊字符》的人还看了以下文章 更多>>