[转]HTML中 ;      等6种空白空格的区别

2023-12-05

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: ‍ ‍ )。

此外

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

在这里插入图片描述


---------------------
作者:暂时先用这个名字
来源:CSDN
原文:https://blog.csdn.net/snans/article/details/129269665
版权声明:本文为作者原创文章,转载请附上博文链接!
内容解析By: CSDN,CNBLOG博客文章一键转载插件

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

[转]HTML中 ;      等6种空白空格的区别 的相关文章

  • openCV在Visual Studio2019下的集成使用

    文章目录 下载OpenCV工具 选择合适库文件 使用visual studio创建空项目 测试运行 运行结果 下载OpenCV工具 官网下载实在太慢 还老实下不下来 下面从网上找到些别人分享的一些版本 从3 4到4 7 放到了网盘里 请按需
  • EasyV不止可视化|易知微带你打开可视化工具新大门!

    可视化工具的发展已经成为当今信息技术领域中的一股不可忽视的力量 如今 人们有了更多的数据和信息需要处理 因此需要一种更加高效 更加直观的手段来呈现这些信息 而可视化工具应运而生 这些工具包括多种类型的图表 地图 仪表板等 随着技术不断革新和
  • 博士论文答辩通过但需改论文【保姆教程】

    大家好 今天来聊聊博士论文答辩通过但需改论文 希望能给大家提供一点参考 以下是针对论文重复率高的情况 提供一些修改建议和技巧 博士论文答辩通过但需改论文 背景介绍 博士论文答辩是博士研究生学术生涯的重要环节 也是对其研究能力和学术水平的全面

随机推荐