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

学习web标准:Web标准中的特殊字符,第1张

概述在最开始学习web标准的时候有这么一条:把所有<和&特殊符号用编码表示 :任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ;任何与号(&),不是实体的一部分的,都必须被编码为& a m p;注:…

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

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

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

更多>>

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

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

0BB — 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 字符引用和空白字符 总结

以上是内存溢出为你收集整理的学习web标准:Web标准中的特殊字符全部内容,希望文章能够帮你解决学习web标准:Web标准中的特殊字符所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1021425.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存