HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(      ‌‍)在不同浏览器中宽度各异。

全角和半角的区别

全角占两个字节,半角占一个字节,半角全角主要是针对标点符号来说的,全角标点占两个字节,半角占一个字节.

 
它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该空格占据宽度受字体影响明显而强烈。

 
它叫“半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px)。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性:透明的,此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

 
它叫“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

 
它叫窄空格,全称是Thin Space。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。

‌
它叫零宽不连字,全称是Zero Width Non Joiner,简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为“”(zero width non-joiner,U+200C),HTML字符值引用为: ‌

‍
它叫零宽连字,全称是Zero Width Joiner,简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML: ‍ ‍)。

此外,浏览器还会把以下字符当作空白进行解析:空格( )、制表位( )、换行(
)和回车(
)还有( )等等

全角半角运用:

效果图:

部分代码:

<form id="regForm" action="regServlet" method="post">
<table>
<tr><td>用&ensp;户&ensp;名:</td><td><input type="text" name="name" /></td>
</tr>
<tr><td>密&emsp;&emsp;码:</td><td><input type="password" name="pwd" /></td>
</tr>
<tr><td>确认密码:</td><td><input type="password" name="pwd2" /></td>
</tr>
</table>
</form>

————————————————

原文链接:https://blog.csdn.net/qq_34928644/article/details/82526377

全角半角 6种空白空格的区别相关推荐

  1. HTML中nbspenspemspthinsp等6种空白空格的区别

    HTML中6种空白空格的区别 HTML提供了5种空格实体(Space Entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器.其他几种空格(       ‌ ‍) ...

  2. HTML中nbsp; ensp; emsp; thinsp;等6种空白空格的区别

    HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器.其他几种空格(       ‌‍)在不同浏览器中宽度各异.   它 ...

  3. HTML中nbsp; ensp; emsp; thinsp; zwnj; zwj;等6种空白空格的区别

    HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器.其他几种空格(      ‌ ‍)在不同浏览器中宽度各异.   它 ...

  4. nbsp; ensp; emsp; thinsp;zwnj;zwj; 6种空白空格的区别

    HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器.其他几种空格(       ‌‍)在不同浏览器中宽度各异.     ...

  5. 计算机中全半角转换是干什么的,全角半角切换快捷键(电脑全角和半角怎么切换)...

    搜狗输入法的全角半角切换键是:shift+空格键 (如当前在半角状态,按shift+空格键可以切换至全角:如当前在全角状态,按shift+空格键可以切换至半角) 半角与全角切换的意义 1.添加输入法不 ...

  6. oracle 输出全角空格,mac系统中如何切换全角半角?苹果电脑输入法全角半角切换快捷键介绍...

    像小编这样的从事文字编排工作的童鞋们,经常要在 Mac 设备上用到全角空格,以及全角字母.但是,苹果的 Mac OS 系统自带的拼音输入法是不具有全角半角切换的功能.那么这要怎么办呢?本文小编来教大家 ...

  7. win 10 禁用qq五笔 shitf + 空格 切换全角/半角

    win 10 上,总是会不小按到shift + 空格,自动切换全角.半角 解决方法: 以前网上找的一个小工具,现在分享 链接: https://pan.baidu.com/s/1aXYPIm6aRAo ...

  8. 我的Android进阶之旅------gt;Java全角半角的转换方法

    一中文全角和半角输入的区别 1全角指一个字符占用两个标准字符位置 2半角指一字符占用一个标准的字符位置 3全角与半角各在什么情况下使用 4全角和半角的区别 5关于全角和半角 6全角与半角比较 二转半角 ...

  9. java 判断全角_Java如何判断字符串中包含有全角,半角符号

    首先介绍下全角跟半角之间的区别: 在计算机屏幕上,一个汉字要占两个英文字符的位置,人们把一个英文字符所占的位置称为"半角",相对地把一个汉字所占的位置称为"全角" ...

最新文章

  1. linux中使用yum安装主程序包,linux使用yum对程序包管理相关知识
  2. 445端口关闭后目录文件共享怎么办
  3. OpenCV:判定曲线为弧线的简单方法
  4. 微软称开源.NET吸引了更多开发者
  5. rocketmq存储结构_RocketMQ消息存储
  6. Studio 3T更改使用时间破解免费使用方式(转,可以使用)
  7. 第61课 查分程序 《小学生C++趣味编程》
  8. input中checked复选框进行单选
  9. C#中的正则表达式引擎
  10. NoSuchObjectException(message:ods_db.event table not found)
  11. APP自动化-显示等待/强制等待/命令等待
  12. 皇子皮肤测试软件,买了皇子的SSG皮肤,说一下特效和手感,顺便说下皇子各个皮肤排名。...
  13. wamp5虚拟主机的配置
  14. graphpad两组t检验_Graphpad Prism如何科学地选择统计学方法
  15. android中android:wight详解
  16. 云和恩墨做的是oracle,云和恩墨张中靖:立足Oracle技术,顺应去IOE大势 原创
  17. wxPython 2 - wxPython基础
  18. 解决chunk-vendors包过大问题,利用SplitChunks插件,分离chunk
  19. 树莓派4上手(无显示屏)
  20. 【HTML】网页错误码详细报错

热门文章

  1. Topic Model 中文文本分类
  2. 软件工程期末报告(登录注册部分)
  3. 锐龙java开发_荣耀锐龙版笔记本福利拉满 错过再等一年
  4. Java获取文档页数_获取PDF文档中的页数
  5. Github项目推荐:头像表情生成
  6. css单位计算方法,CSS中的单位和百分比计算
  7. 虚拟sim卡测试无服务器,虚拟SIM卡的网络注册方法及终端
  8. android 流媒体 硬解,晶晨Amlogic S905X3安卓9.0硬解8K流媒体播放器
  9. 如何把uni-app项目运行到小程序开发者工具?
  10. ssm天天超市购物网站 毕业设计-附源码022101