zoukankan      html  css  js  c++  java
  • html space空格符

    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修真院,初学者转行到互联网行业的聚集地。"

  • 相关阅读:
    用一个测试类简化排序算法时间复杂度的研究
    用斗地主的实例学会使用java Collections工具类
    数据结构:用实例分析ArrayList与LinkedList的读写性能
    用一个通俗易懂的例子彻底说清楚单例模式
    用自定义链式栈解决力扣括号匹配问题
    数据结构之链式队列的代码实现及有趣应用
    用非常硬核的JAVA序列化手段实现对象流的持久化保存
    SpringBoot整合SpringSecurity实现JWT认证
    六百字搞懂lambda
    判空我推荐StringUtils.isBlank
  • 原文地址:https://www.cnblogs.com/jnshu/p/10177981.html
Copyright © 2011-2022 走看看