首页 > 其他分享 >空格的种类

空格的种类

时间:2023-09-26 11:44:59浏览次数:36  
标签:编码 space html 空格 宽度 unicode 种类

 

空格我们都很熟悉,但很多人不知的是,空格实际上有很多种。

它们有的在ascll编码范围内有的则不在,故有的用一字节表示有的则用多个字节表示。

因此,如果按字节处理字符串则要特别字符串是否有这种空格,否则很容易出错。比如会理所当然地认为空格占一个字节。

 

 

以下为正文,转自《你不知道的空格

=======================================================

 

本文对了解的空格分为几个Level。

 

Level1: 半角空格

历史最悠久的空格,在1967年,ASCII 规范中被定义。
空格在 ASCII 中编码为0x20, 占位符为一个半角字符。在日常英文书写和代码编写中使用。

 

Level2: 全角空格

中文输入中的空格(标准说法为中日韩表意字符(CJK)中使用的宽空格)。和其他汉字一样,作为GBK的一个字符,其对应的unicode码为\u3000.宽度是2个半角空格的大小。
例如:

  国父 孙中山先生 

 

Level3: 不间断空格 ( non-breaking space )

unicode 为 \u00A0, 在代码中可能会出现的编码错误(utf8 编码0xC2 0xA0) 就是它了。
在Word中,会遇到一个有多个单词组成的词组被分割在两行文字中,这样很容易让人看不明白。这时候,不间断空格就可以上场了。
输入不间断空格,会将不间断空格连着的单词在一行展示。
举个例子:

上面英文使用了不间断空格,下面没有使用。所以上面的英文自动在一行展示,而下面没有。
在word中输入不间断空格的方式为: (Ctrl + Shift + Space)

除了在word等文本编辑软件中使用,其实不间断空格在html 中大量使用。  是html 中最为常见的空格。由于html页面中,如果有多个连着的半角空格,则空格只会展示一个。而使用  空格,则会显示占位半个自宽。

 

Level4: 零宽度空格 (ZERO WIDTH SPACE)

零宽度空格有两种

  1. 零宽度空格 unicode 编码为 \u200B.

不可见非打印字符。有了半角空格,也有了全角空格,其实还有零宽度空格。因为宽度为零,因此该字符是一个不可见字符。
这个编码虽然是不可见的,但是也是非常有用的。它可以替换html中的标签(软换行, html5 新增)。

  1. 零宽度非中断空格(ZWNBSP) unicode 编码为 \u2060 (之前使用\ufeff表示,unicode 3.2 开始 \ufeff 标记unicode文档的字节序。)
    该空格结合了 non-breaking space 和 零宽度空格的特点。既会自动换行,宽度又是0。

零宽度空格(软换行)举例:

一行连续的英文编码:

<p style="font-size:100px;">phpIsTheBestProgramingLanguageInTheWorld</p>

而如果在每个可以换行的地方加上 <wbr />, 则可以在标记的最近的地方换行。

<p style="font-size:100px;">php<wbr />Is<wbr />The<wbr />Best<wbr />Programing<wbr />Language<wbr />In<wbr />The<wbr />World</p>

 

Level5: 其他空格字符空格

虽然已经有半角空格、全角空格,但是上面的空格如果字体变化了,不会随着字体的变化而变化。
因此,又有了可以随着字体的变化而变化的空格,简单罗列如下:

html 的宽度度量中,有一种单位叫em,是按照字体大小定义的,下面的em也是字体的宽度。
打印字符的空格有很多种,罗列几个:

名称unicode 编码html 标记特征和用途
短空格 \u2002 &ensp; html 中占位半个字
长空格 \u2003 &emsp; html 中占位一个字
1/3em空格 \u2004 &emsp13; 占用1/3个空格
1/4em空格 \u2005 &emsp14; 占用1/4个空格
1/6em空格 \u2006 &emsp14; 占用1/6个空格
数样间距 (figure space) \u2007 &numsp; 在等宽字体中,宽度是一个字符的宽度。
行首前导空格 (punctuation space) \u2008 &puncsp; 宽度约为 0x20 的宽度。
瘦弱空格 (thin space) \u2009 &thinsp; 宽度是 全角打印空格的 1/5 或者 1/6 (宽度不定,法文设置为1/8), 主要用在打印两个空的引号之间。
hair space \u200a &hairsp; (浏览器目前不支持), 最窄的空格,推荐标准为 (1/10, 1/16)
narrow no-break space \u202f &nnbsp; 和0a 类似,不同语种中不太一样。
medium mathematical space \u205f &mediumspace; 在格式化数学公式时使用。是 4/18 的 em宽度,例如:"a + b"中,a 和+ 之间应该用 这个空格

 

 

标签:编码,space,html,空格,宽度,unicode,种类
From: https://www.cnblogs.com/z-sm/p/17729736.html

相关文章

  • 力扣-替换空格
    1.问题请实现一个函数,把字符串s中的每个空格替换成"%20"。示例1:输入:s="Wearehappy."输出:"We%20are%20happy."2.说明输入说明:输入一个字符串s输出说明:输出替换空格后的字符串3.范例输入范例:weareh输出范例:we%20are%20h4.思路使用双指针方法,对字符串数组进......
  • 振弦传感器的种类分型应用不同场景详细介绍
    振弦传感器是一种能够测量物体振动和变形的传感器,它可以将物体振动和变形转化为电信号。根据不同的工作原理和应用场景,振弦传感器可以分为多种类型,下面就这些类型进行详细介绍。压电式振弦传感器压电式振弦传感器是一种通过压电效应测量物体振动的传感器。当物体受力变形或振动时,压......
  • 苹果iOS签名主要有哪几种类型
    苹果iOS签名主要有以下三种类型:开发者签名(DeveloperSignature):开发者签名是由苹果公司为开发者提供的免费签名服务,用于测试和发布开发者自己的应用程序。根据苹果公司的规定,开发者必须拥有一个有效的开发者账户才能获得开发者签名。该签名的市场价格为零,因为它是免费提供的。个人......
  • C++中的四种类型转换运算符
    隐式类型转换是安全的,显式类型转换是有风险的,C语言之所以增加强制类型转换的语法,就是为了强调风险,让程序员意识到自己在做什么。但是,这种强调风险的方式还是比较粗放,粒度比较大,它并没有表明存在什么风险,风险程度如何。再者,C风格的强制类型转换统一使用(),而()在代码中随处可见,所以......
  • 剑指Offer面试题5:替换空格
    一、题目请实现一个函数,把字符串中的每个空格替换成“%20”。例如:输入“Wearehappy.",则输出”We%20are%20happy."。二、解析2.1解法一申请一个临时数组,然后再遍历这个字符串的每个字符,如果不是空格就把遍历的字符添加到临时数组中,如果是空格就添加3个符'%','2','0'分别到临时数组......
  • vue中elementui el-input绑定的值如何过滤掉输入的空格?
    在vue中可以在@input事件中使用Trim函数来去掉前后两端空格,再使用replace方法来删除中间空格,此时的值删除所有空格,用户输入值中的空格就会被过滤掉了。<template> <div> <el-inputv-model="searchValue"@input="handleInput"></el-input></div></template><scrip......
  • WebStorm 快捷键插入注释时,注释从开头开始,中间有许多空格的解决办法
    前言有些配置被乱改了,导致写代码时非常难受,我遇到的事儿是在vue模板中添加注释,之前都是在光标处插入的注释块,今天突然发现注释从开头开始插入了,中间还有一堆空格解决办法我们在vue中出现的问题,那我们就找vue的template模板中出现了问题,因为vue的template适合HTML有关联的,所以......
  • python:英文间保留一个空格,中文间空格删除
    python代码:importredefremove_space_between_cn_en(text):strArray=re.split('',text)iflen(strArray)<2:returntextresult=''fortinstrArray:ift=='':continue......
  • 如果元素中出现中文或空格、制表符、换页符等,则删除转义符或中文并分割
    my_list=['1我是1\r2','2\n\r2我是\s\r我是2','3\s\n3\n\s3']#如果元素中出现中文或空格、制表符、换页符等,则删除转义符或中文并分割,结果如下my_result=[['1','1','2'],['2','2','2'],['3&#......
  • app直播源码,Vue 禁止输入框输入空格
    app直播源码,Vue禁止输入框输入空格 <template> <div>  <input   type="text"   v-model="text"   @input="(e)=>text=e.target.value.replace(/\s/g,'')"  > </div></template><scri......