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

在最开始学习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编辑器左下角的路径处:

而面包屑导航处经常被写为的大于号也不是<而应是根据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
, 面包屑
左下角
,以便于您获取更多的相关知识。

时间: 2024-09-20 23:22:43

学习web标准:Web标准中的特殊字符的相关文章

使用VS在标准Web Part 部件中创建Event Handler

为Web Part部件创建Events是生成Web Parts部件的核心部分.本文主要讲解如何使用Visual Studio在标准Web Part 部件中创建事件处理器. 1. 打开Visual Studio 创建新的空白SharePoint项目SPWebPartEvent,点击确定.部署为场解决方案. 2. 右击项目添加新Web部件SampleEventWebPart.点击确定. 3. 打开SampleEventWebPart.webpart,修改它的标题和描述属性. <?xml versio

用WebSphere DataPower实现Hessian客户端访问标准Web服务

简介:与主流的基于 XML 消息和 SOAP 协议的 Web 服务相比,Hessian 是轻量级的二进制 RPC 协议 ,具有简单和高效的优势.本教程提出了利用 WebSphere DataPower 对协议和数据格式进行转换,实现 标准 Web 服务对 Hessian 客户端的支持,使得 Hessian 客户端在不改变代码条件下很容易的访问基于 标准 SOAP 协议的 Web 服务. 开始之前 关于本教程 本教程详细地介绍了如何安装.配置和使用 WebSphere DataPower 实现 H

JSP学习之Java Web中的安全控制实例详解_JSP编程

本文实例讲述了JSP学习之Java Web中的安全控制.分享给大家供大家参考.具体如下: 一.目标: ① 掌握登录之后的一般处理过程: ② 能够为每个页面添加安全控制: ③ 能够共享验证代码: ④ 使用过滤器对权限进行验证: ⑤ 能够对文件的局部内容进行验证: ⑥ 掌握安全验证码的基本实现方式: ⑦ 通过异常处理增强安全性. 二.主要内容: ① 通过修改前面的登录功能,分别对管理员和普通用户的登录进行处理: ② 为管理员才能访问的页面添加控制: ③ 共享各个页面中的控制代码,使用专门的文件,然后

我所理解的RESTful Web API [Web标准篇]

REST不是一个标准,而是一种软件应用架构风格.基于SOAP的Web服务采用RPC架构,如果说RPC是一种面向操作的架构风格,而REST则是一种面向资源的架构风格.REST是目前业界更为推崇的构建新一代Web服务(或者Web API)的架构风格.由于REST仅仅是一种价格风格,所以它是与具体的技术平台无关的,也就是说采用REST架构的应用未必一定建立在Web之上,所以在正式介绍REST之前,我们先来简单认识一下Web. 目录 一.TCP/IP与HTTP 二.Web资源       媒体类型   

学习《flask web开发》中多对多关系时时遇到问题

问题描述 学习<flask web开发>中多对多关系时时遇到问题 class Follow(db.Model): __tablename__ = 'follows' follower_id = db.Column(db.Integer db.ForeignKey('users.id') primary_key=True) followed_id = db.Column(db.Integer db.ForeignKey('users.id') primary_key=True) timestam

Spring MVC 原子学习法 之 web.xml 中的配置

Spring MVC  原子学习法 之  web.xml 中的配置 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 由上图可以看得出,Spring-MVC 应用的配置要从 JavaWeb 的配置

Asp.Net Web API 2 官网菜鸟学习系列导航[持续更新中]

原文:Asp.Net Web API 2 官网菜鸟学习系列导航[持续更新中] 前言 本来一直参见于微软官网进行学习的, 官网网址http://www.asp.net/web-api.出于自己想锻炼一下学习阅读英文文章的目的,又可以学习下微软新发布的技术,其实也很久了,但自己菜鸟一枚,对自己来说都是新技术了.鉴于以上两个原因,本人打算借助google翻译和有道词典,来翻译学习这个系列,并通过博客园来记录自己的翻译学习过程.由于自己阅读水平的确太菜,在借助工具的情况下,有时候搞出来的也是蹩脚的语句,

JAVA WEB开发从数据库中查询到的数据用list怎么在JSP页面整齐的显示出来,请写代码,谢谢

问题描述 JAVA WEB开发从数据库中查询到的数据用list怎么在JSP页面整齐的显示出来,请写代码,谢谢 JAVA WEB开发从数据库中查询到的数据用list怎么在JSP页面整齐的显示出来,请写代码,谢谢 解决方案 标准标签 页面头部引入<@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" /> <c:forEach items="${list}" var=

web前端-WEB前端基础 下列代码中,错误的是()?

问题描述 WEB前端基础 下列代码中,错误的是()? A. 01发票信息 发票抬头: 发票内容: B.发票信息 发票抬头: 发票内容: C.% D. 搜索"恒高科技": 解决方案 web前端基础Web前端基础[WEB基础]⑤一些前端小东西 解决方案二: 你这个是不是有格式的啊? 解决方案三: 我表示看不懂,是不是内容不全啊 相关文章 代码-WEB前端基础 答案为什么是B html-如何才能系统的学习web前端呢 web前端-css遇到十分基础的问题,求解释 web前端框架挑选问题,踊跃

Web页面开发战中的一次重量级复赛

Web页面开发战中的一次重量级复赛          Allaire公司的ColdFusion和Microsoft公司的ActiveServerPages(ASP)是两个在专业Web应用开发领域争夺市场份额的高端产品.去年12月,我们将冠军授予了ASP的集成开发环境(IDE)--VisualInterDev1.0,因为它具有优秀的数据库工具,而且学习起来较快.去年夏天,Microsoft推出了6.0版的VisualInterDev.而现在由Allaire发行的ColdFusion4.0为这一重量