• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

前端 搞代码 7年前 (2018-06-17) 88次浏览 已收录 0个评论

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

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

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

更多>>

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

<style> a:after{content:'/00BB';} </style>  <a href="">更多</a>

/00BB — right double angle quote, unicode = » ( » )

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

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

显示效果:

更多»

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

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

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

<title>添加新文章  99css  — WordPress</title>

显示效果如下:

添加新文章 ‹ 99css — WordPress

把‹的l改成r就是右了

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

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

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

延伸阅读

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

欢迎大家阅读《学习web标准:Web标准中的特殊字符》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:学习web标准:Web标准中的特殊字符

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址