HTML字符实体
HTML保留了一些字符。
在HTML中不能使用小符号()、大符号)。 这是因为浏览器将它们误认为标签。
要正确显示保留字符,必须在HTML源代码中使用字符实体” character entities “。
字符实体如下所示:
实体_ name; 或#entity_number; 要显示小符号,必须写如下。 lt; 或#60;
浏览器总是缩减HTML页面中的空间。 如果在文本中输入10个空格,浏览器将在显示页面之前删除9个空格
HTML有五种类型的空间实体“space entity”,它们有不同的宽度。
换行符以外的空格(nbsp; 或(#160; 是正常空间宽度,可以在所有主流浏览器中运行。
其他一些空间(ensp; emsp; thinsp; znj; zwj; 宽度因浏览器而异。
nbsp;
不换行空格、全名No-Break Space,那是最常见、我们使用最多的空间,在使用按下space键产生的空格html实体表示之前无法累积。 HTML字符值参照为#160;
ensp;
半角空格,全名为En Space,en为字体排印学的计量单位,为em宽度的一半。 根据定义,相当于字体度的一半。 例如,16px字体为8px。 此空间具有占据的宽度正好是1/2个中文宽度的强大特性,几乎不受字体的影响。
emsp;
全角空格、全名为Em Space,为占据的宽度正好是1个中文宽度,几乎不受字体影响。
thinsp;
狭小的空间,全名是精简空间。 那是em之六分之一宽
znj;
零宽度不是连字符,全名是Zero Width Non Joiner,简称“ZWNJ”,不打印字符,而是放在电子文本的两个字符之间,以抑制原本出现的连字符,并使用这两个字符的本来字形进行绘制。 HTML字符值的参照地址为#8204;
zwj;
它称为零宽连字符,全名为Zero Width Joiner,简称“ZWJ”,是不打印的字符,位于需要复杂合成语言(如阿拉伯语、印地语等)的两个字符之间,因此不会出现连字符的两个字符之间HTML字符值的参照地址为#8205;
此外,浏览器将以下文字分析为空白。 空格(#x0020;制表位(#x0009;换行(#x000A; 和滑架返回(#x000D; )以及(#12288; )等。
样品
! doctypehtmlhtmllang=’ en ‘ headmetacharset=’ utf-8 ‘ title html的nbsp; ensp; emsp; 等6种空格标记/titlestyletype=’ text/CSS ‘ * { margin : auto; } body { margin: 15vh 0; } button { display: block; 高清: 18vw; width: 70vw; border-radius: 50px; Outline :无; font-size: 3rem; color: #fff; 背景色: burly wood; (} /style/headbody! — nbsp; 不累计(仅一个),其空间占用宽度受到【字体】的强烈影响– button type=’button ‘提nbsp; nbsp; nbsp; nbsp; (交/button br/(! — ensp; 的宽度正好占1/2的中文宽度,几乎不受字体的影响—Buttontype=’Button’tensp; ensp; (交/button br/(! — emsp; 的宽度正好是一个中文宽度,几乎不受字体的影响—Buttontype=’Button’emsp; emsp; emsp; emsp; (交/button br/(! — thinsp; 的宽度比较小,它是em的六分之一宽—Buttontype=’Button’thinsp; thinsp; thinsp; thinsp; thinsp; thinsp; (交/button br/(! — zwnj; (零宽度连字符)是不打印的字符,放在电子文本的两个字符之间,抑制本来发生的连字符,用这两个字符本来的字形绘制- -! — zwj; (零宽度连字符)是在需要复杂合成的语言(如阿拉伯语、印地语等)的两个字符之间排列的非打印字符,在不出现连字符的两个字符之间具有连字符效果–/body/html演示效果