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

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

想不想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标准的老网页设计师有什么建议。 我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复是:这有一个全面的,非正式的,有些罗嗦的指南,送给所有听说过web标准,希望使用web标准却又不知道从哪里开始设计师。 正文 首先不要急着开始!...
标签: Web开发
我十分支持Web标准,并且认为它提出的文档对象模型(DOM,Document Object Model)是非常合理而且有用的。文档对象模型让我们脱离字符,在结构层面高级方式操作文档。 在网页制作(HTML/XHTML)方面,遵循Web标准可以使网站的结构更加合理。但是,新的标准总会导致一部分旧的网页制作者的排斥,很简单,因为他们无法掌握新的标准或者/同时...
标签: Web开发
我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。 Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。 首先是xhtml代码,不是很多,知道他们如何使用...
标签: Web开发
最近终于有心情把我的CSS重构一下。。由于这种写法的一部分是我自己琢磨出来的,带有偏好的做法。 仅供参考。如果采用后被同事取笑,老板罚款,本人概不负责。 我重构的时候,学习了一些行业标准的做法。主要思路
标签: Web开发
今天在群里,熊猫君提议整理一个帖子,一方面为初学者提供一个入门指南,另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结,希望抛砖引玉,大家不吝赐教。 1、必备工具 其实web标准并不是很复杂的技术,实现web标准的工具也很简单,说白了,只要可以进行纯文本编辑的软件,都可以作为代码编...

经验教程

364

收藏

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