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

2016-02-20 00:30 9 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

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

更多

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

(本文来源于图老师网站,更多请访问https://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

延伸阅读

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/) 中文翻译:

来源:https://www.tulaoshi.com/n/20160220/1631980.html

延伸阅读
标签: Web开发
我十分支持Web标准,并且认为它提出的文档对象模型(DOM,Document Object Model)是非常合理而且有用的。文档对象模型让我们脱离字符,在结构层面高级方式操作文档。 在网页制作(HTML/XHTML)方面,遵循Web标准可以使网站的结构更加合理。但是,新的标准总会导致一部分旧的网页制作者的排斥,很简单,因为他们无法掌握新的标准或者/同时...
标签: Web开发
我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。 Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。 首先是xhtml代码,不是很多,知道他们如何使用...
标签: Web开发
最近终于有心情把我的CSS重构一下。。由于这种写法的一部分是我自己琢磨出来的,带有偏好的做法。 仅供参考。如果采用后被同事取笑,老板罚款,本人概不负责。 我重构的时候,学习了一些行业标准的做法。主要思路
在学习中遇到问题可以到 论坛 发贴交流! 原文作者:Roger Johansson, 456 Berea Street 中文翻译:x5stuido Last updated 2004-11-23 There is also an English vision English. T?m?dokumentti on saatavilla my?s suomeksi. Consultez l'article en version fran?aise. Dit document is ook beschikbaar in het Nederlands. Detta d...

经验教程

967

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部