应用笔记 · 2023年3月18日

HTML中的英文字符、半个汉字、一个汉字占位符

= =普通的英文半角空格 就不用多说了,

  即no-break space (普通的英文半角空格但不换行)

= = 中文全角空格 (一个中文宽度)可以复制等号中间的内容,就是中文全角空格

   即en空格 (半个中文宽度)

   即em空格 (一个中文宽度)

相比平时的空格( ),nbsp拥有不间断(non-breaking)特性。即连续的nbsp会在同一行内显示。即使有100个连续的nbsp,浏览器也不会把它们拆成两行。

1. (常用)

不换行空格,全称No-Break Space,它是按下space键产生的空格。空格不会累加(只显示一个)。
使用html表示才会累加,该空格占据宽度受字体影响。

2. 

半角空格,全称En Space,en为em宽度的一半(em类似于px受设置不同为20px=1em或其他自定义大小)。
占据0.5个中文宽度,不受字体影响。

3、  (常用与一些动画效果)

全角空格,全称Em Space,占据的宽度是1个中文字符,不受字体影响。

4、 

窄空格,全称Thin Space。占据宽度较小,是em之六分之一宽。

5、‌

零宽不连字,全称Zero Width Non Joiner,是一个不打印字符,放在电子文本的两个字符之间,抑制
本来会发生的连字(与‍相反)。

6、‍

零宽连字,全称Zero Width Joiner,是不打印字符,使两个本不会发生连字的字符产生了连字效果。

补充:
  == 普通的英文半角空格

  ==   ==   == no-break space (普通的英文半角空格但不换行)

  == 中文全角空格 (一个中文宽度)

  ==   == en空格 (半个中文宽度)

  ==   == em空格 (一个中文宽度)

  == 四分之一em空格 (四分之一中文宽度)

相比平时的空格( ),&nbsp拥有不间断(non-breaking)特性。即连续的&nbsp会在同一行内显示。
即使有100个连续的&nbsp,浏览器也不会把它们拆成两行。

一、几个常用字符:

  空格

& &

&lt; <

&gt; >

&quot; ”

&qpos; ‘

二、空行的表示形式为 : <br> 它是换行符。