1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

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

作者:用户 来源:互联网 时间:2016-03-27 09:48:05

标准学习效果after面包屑左下角

学习web标准:Web标准中的特殊字符 - 摘要: 本文讲的是学习web标准:Web标准中的特殊字符, 在最开始学习web标准的时候有这么一条: 把所有<和&特殊符号用编码表示 :任何小于号(<),不是标签的一部分,都必须被编码为&am

在最开始学习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
  • 字符引用和空白字符


以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索标准 , 学习 , 效果 , after , 面包屑 左下角 ,以便于您获取更多的相关知识。

javascript-WEB标准模式和混杂模式js代码兼容问题?

问题描述 WEB标准模式和混杂模式js代码兼容问题? 今天看视频教学,在js代码中考虑了混杂模式和标准模式的代码兼容问题,例子代码如下: var scrollTop=document.body.scrollTop||document.documentEle...

JavaScript高级程序设计(第3版)学习笔记 概述_基础知识

...广泛,也远比一般人想象中的要复杂强大的多,在我自己学习的过程中,曾经有过多次震撼,只是常常没有过多久,很多美轮美奂的用法就又模糊起来,希望通过对JavaScript高级程序设计(第3版)的专题学习笔记,能够较为系统...

php学习基础篇之html

php学习基础篇之html,有需要的朋友可以参考下。 知识点:一 软件二 html介绍三 html编辑工具的安装使用一 软件软件: 运行在 电脑 手机 pad 平台的,能够实现某种功能的工具,软件。系统软件:windows linux unix 手机 ios 安卓应用软...

掌握 Ajax,第 8 部分

...的请求数据格式使用。 但愿这篇文章能够弥补您花费在学习 XML 请求上的时间。在 Ajax 应用程序中,使用 XML 作为发送数据的格式的理由很少,但使服务器向 客户机回发 XML 的理由很多。因此,您在上一篇文章中学到的关于 XML ...

JavaScript高级程序设计(第3版)学习笔记 概述

...广泛,也远比一般人想象中的要复杂强大的多,在我自己学习的过程中,曾经有过多次震撼,只是常常没有过多久,很多美轮美奂的用法就又模糊起来,希望通过对JavaScript高级程序设计(第3版)的专题学习笔记,能够较为系统...

前三篇
后三篇