您现在的位置是:首页 > 正文

html space空格符

2024-02-01 02:10:28阅读 7

html+css 代码在网页中如何插入打出空格字符实现方法

摘要
浏览器总是会截短 HTML 页面中的空格。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中已经定义的才能被使用。
使用实体名而不是数字的好处是,名称易于记忆。坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。
实体名称对大小写敏感。
 

职业选择、求职辅导、学习规划、困难答疑、技术交流等,可以加IT交流群828691304

 欢迎访问我们的官网:技能树.IT修真院

“我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,学习的路上不再迷茫。

这里是技能树.IT修真院,初学者转行到互联网行业的聚集地。"

转载于:https://www.cnblogs.com/jnshu/p/10177981.html

网站文章

  • [Java]UDP协议和TCP协议socket编程

    [Java]UDP协议和TCP协议socket编程

    接收方法receive的DatagramPackert参数是一个输出型参数,这个被传入的packet对象的缓冲数组大小如果不够,收到的消息将会被截断,如果足够,被传入的参数的缓冲区length将会被r...

    2024-02-01 02:10:20
  • 用汇编的眼光看C++(开篇)

     很多朋友,包括我自己在内,对C++语言的很多特性不是很明白。特别是几年前找工作的时候,为了应付来自工作单位的考试,我经常逼着自己的去记住一些复杂的试题和答案。可是常常时间已过,一切又回到了原点。原来...

    2024-02-01 02:09:44
  • C#上位机:现代编程中的全能工具?

    C#上位机:现代编程中的全能工具?

    C#作为现代、安全、易用的编程语言,在多领域具有广泛应用,尤其在上位机开发中脱颖而出。输入“777”,即刻获取关于上位机开发和数据可视化的专业学习资料,工业自动化、物联网、数据分析、科学计算等领域均有...

    2024-02-01 02:09:37
  • Day26 洛谷P1567 统计天数(不用数组)

    题目描述 炎热的夏日,KC 非常的不爽。他宁可忍受北极的寒冷,也不愿忍受厦门的夏天。最近,他开始研究天气的变化。他希望用研究的结果预测未来的天气。 经历千辛万苦,他收集了连续 N天(0<10^6...

    2024-02-01 02:09:33
  • Java Socket 示例代码

    Socket服务端public class SocketServer { public static void main(String[] args) throws IOException { ...

    2024-02-01 02:09:03
  • Error(20) 解决jenkins在Execute shell中启动jar失败问题

    Error(20) 解决jenkins在Execute shell中启动jar失败问题

    解决jenkins在Execute shell中启动jar失败问题 BUILD_ID=dontKillMe jenkins shell产生进程自动终止问题

    2024-02-01 02:08:55
  • Android Framework底层原理——WMS机制

    Android Framework底层原理——WMS机制

    在WindowManagerService#WindowManagerService()构造方法中。WMS的启动中WMS创建完成后会调用 wm.onInitReady 方法。在WindowManagerService#main方法中。

    2024-02-01 02:08:47
  • Alan Turing阿兰.图灵---计算机之父/人工智能之父

    提出图灵机理论,二战时破解德国通讯密码,挽救无数生命。提出仿真系统和自动程序设计概念,设计了"图灵测试",有"计算机之父","人工智能之父","破译之父"等美誉。 一、生平1912年6月23日,出生于英国伦敦1931年-1934年,在英国剑桥大学国王学院学习1932年-1935年,研究量子力学,概率论和逻辑学1935年,由于独立发现中心极限定理,获Smith奖,年仅23岁被选为剑桥大学国王

    2024-02-01 02:08:19
  • OpenGL ES 3.0 开发(十九):相机抖音滤镜

    OpenGL ES 3.0 开发(十九):相机抖音滤镜

    该原创文章首发于微信公众号:字节流动 OpenGLES 相机抖音滤镜 最近几篇文章主要是利用 OpenGL 实现相机预览的一些常见的滤镜,上一篇主要介绍了 LUT 滤镜的原理及简单实现方法,而本文主要介绍抖音短视频 App 里面一些常见滤镜的实现,这里只做抛砖引玉,玩滤镜主要靠想象力去实现一些酷炫的效果。 分色偏移 分色偏移滤镜原理:基于原纹理坐标进行偏移,分别采样后再按照 RGBA 通道进...

    2024-02-01 02:08:14
  • 【图片素材】小程序图片

    【图片素材】小程序图片

    iconfont 阿里巴巴矢量图标库iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/

    2024-02-01 02:08:07