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

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

作者:Snailwang04
链接:https://www.jianshu.com/p/160e5cb0209c
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

HTML中6种空格标记相关推荐

  1. HTML中的 nbsp; ensp; emsp;等6种空格标记

    代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 ...

  2. markdown编辑器中可以使用的6种空格标记

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

  3. Excel一键统计数据区域被每种颜色标记的个数

    今天小编要和大家分享的是按颜色分类汇总,Excel中每种颜色标记的个数,比如下图点过名字的都标记了不同的颜色 (方方格子插件) 1.动图演示如下 2.首先选中数据区域 3.然后选择方方格子按钮 4.选 ...

  4. Asp.Net中几种标记符号解释及用法

    Asp.Net中几种标记符号: < %=...%>< %#... %>< % %>< %@ %>解释及用法 1.< %#... %>: 是在 ...

  5. HTML中的5种空格表示,HTML中的5种空格各表示的意义

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

  6. Asp.Net中几种相似数据绑定标记符号的解释及用法

    Asp.Net中几种相似数据绑定标记符号的解释及用法1.<%#... %> 是在绑定控件DataBind()方法执行时被执行,用于数据绑定 如: <%# Container.Data ...

  7. Java黑皮书课后题第8章:8.9(井字游戏)玩家使用各自标志标记3*3网格中的某个空格,当一个玩家在网格的水平、垂直或对角线方向标记了三个相同的标记时,游戏结束,该玩家获胜。创建一个玩井字游戏的程序

    ***8.9(井字游戏)玩家使用各自标志标记3*3网格中的某个空格,当一个玩家在网格的水平.垂直或对角线方向标记了三个相同的标记时,游戏结束,该玩家获胜.创建一个玩井字游戏的程序 题目 题目描述与运行 ...

  8. html语言中空格用什么表示,HTML中的5种空格各表示的意义

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

  9. HTML中的几种空格

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

最新文章

  1. Python零基础入门(2)——常用的快捷命令、数据类型、输入输出格式、变量介绍
  2. java中class对象的理解 讲得相当不错 很接地气 引用下
  3. SQL基础语法与规则
  4. js 如何实现bind
  5. python做股票系统_GitHub - hetingqin/stock: stock,股票系统。使用python进行开发。
  6. 微信端php 开发技术要求,微信第三方平台开发详解——PHP版
  7. 一网打尽中文编码转换---6种编码30个方向的转换
  8. c mysql 工具类_Jave工具——servlet+jsp编程中mysql数据库连接及操作通用工具类
  9. 调整idea中控制台及右侧提示框字体大小
  10. 设计一个基于GUI的扑克程序
  11. python pandas series加速原理_python pandas中对Series数据进行轴向连接的实例
  12. python in visual studio
  13. 红帽考试环境之RHCSA
  14. 宇宙简史——星光中有什么秘密?
  15. 0基础学python,聊聊这半年我是如何自学编程
  16. 利用栈实现中缀表达式转后缀表达式
  17. python大学生生活信息交互平台的设计与实现毕业设计-附源码031315
  18. 极智装修知识|如何将效果图转化为实景的家? - 分享3
  19. 883. 三维形体投影面积C++
  20. 给网站加上一键分享功能

热门文章

  1. python 头条号_python爬取今日头条收藏目录
  2. multi-angle cosine and sines
  3. PTA-C理论B类题库6-3使用函数求最大公约数(辗转相除法的实现)
  4. Linux从入门到精通——基本命令
  5. python爬取海量精美高清漂酿纯真可爱善良小姐姐壁纸(老司机福利)
  6. 如何用Xinstall来做一款App运营推广?
  7. order by Sql server
  8. 修改网页视频播放速度
  9. CNN卷积核计算原理
  10. 使用向日葵进行远程办公,手机电脑都可以时时刻刻使用远端电脑