美文网首页我爱编程
html中空格字符实体整理

html中空格字符实体整理

作者: easyblue | 来源:发表于2017-09-21 19:09 被阅读0次

摘要

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。

本篇就单介绍空格的字符实体,HTML提供了6种空格实体(space entity):

 
 
 
 
‌
‍

在web页面上,一般有3种书写:

1. 直接输入法输入例如“版权” – ©.
2. 字符:©
3. charCode:©

正文

 

不间断空格(non-breaking space)字符编码 :在HTML中,按下space键产生,空格不累加(只算1个),要使用html实体表示才可累加。

 

全角空格(Em Space)字符编码 :em是字体排印学的计量单位。相当于当前指定的点数,如1em在16px的字体中就是16px。此空格有个相当稳健的特性,其占据的宽度正好是1个中文宽度

 

半角空格(En Space)字符编码 :en是字体排印学的计量单位。为em宽度的一半,如1en在16px的字体中就是16px,名义上是小写字母n的宽度。此空格有个相当稳健的特性,其占据的宽度正好是1/2个中文宽度

 

窄空格(Thin Space)占据的宽度比较小,它是em之六分之一宽。

‌

零宽不连字(Zero Width Non Joiner)字符编码&#x200C:简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。HTML字符值‌

‍

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

其它

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

  • &#x+16进制/十进制表示是 Numeric Character References

  • &+实体名表示是 Character Entities References,html字符实体的名字必须是在html中已经定义的才能被使用。

  • 使用实体名而不是数字的好处是,名称易于记忆。坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

  • 实体名称对大小写敏感。

参考

掘金:html中空格字符实体整理
简书:html中空格字符实体整理
博客园:html中空格字符实体整理

相关文章

  • html中空格字符实体整理

    摘要 浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们...

  • HTML5 学习笔记 2017-02-14 am

    字符实体 在 html 中对空格/回车/tab 不敏感,会把多个空格/回车/tab 当作一个空格来处理 什么是字符...

  • html的星星点点

    字符实体 空格: “<” 、 “>” :<和> ×:× ÷:÷ html链接...

  • html &emsp &ensp &n

    字符以及HTML实体描述以及说明  这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中...

  • 字符实体

    HTML 中的预留字符必须被替换为字符实体。 HTML 实体 在 HTML 中,某些字符是预留的。 在 HTML ...

  • 字符实体

    1.在HTML中对空格/回车/tab不敏感, 会把多个空格/回车/tab当做一个空格来处理 2.什么是字符实体?在...

  • HTML 字符实体

    HTML中的预留字符必须被替换为字符实体 HTML 实体 在HTML中,某些字符是滞留的。 在HTML中不能使用小...

  • HTML有用的字符实体

    不间断空格(non-breaking space)HTML 中的常用字符实体是不间断空格()。浏览器总是会截短 H...

  • html字符实体

    HTML字符实体(character entities) 在 HTML 中,某些字符是预留的。 在 HTML 中不...

  • 终于找到了最详细系列之HTML字符实体

    HTML 字符实体 HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。...

网友评论

    本文标题:html中空格字符实体整理

    本文链接:https://www.haomeiwen.com/subject/orytextx.html